JavaScript-取消事件-e.preventDefault();

Posted 极速小乌龟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript-取消事件-e.preventDefault();相关的知识,希望对你有一定的参考价值。

 1 取消事件:(阻止默认行为)
 2 当事件执行过程中,遇到问题,可取消事件。不再触发
 3 如何e.preventDefault();
 4 
 5 <!DOCTYPE html>
 6 <html>
 7 <head lang="en">
 8     <meta charset="UTF-8">
 9     <title></title>
10 </head>
11 <body>
12 <a id="a1" href="#">click me</a>
13 <script>
14     //创建事件监听
15     a1.addEventListener("click",function(e){
16         alert("Hello"); //弹出消息
17         e.preventDefault();//取消事件,取消默认行为
18     })
19 </script>
20 </body>
21 </html>

 

以上是关于JavaScript-取消事件-e.preventDefault();的主要内容,如果未能解决你的问题,请参考以下文章

javascript 事件冒泡与取消冒泡

JavaScript-取消事件-e.preventDefault();

javascript 兼容W3c和IE的添加(取消)事件监听方法

如何使用 javascript 取消注册/取消绑定 Material ui 中的事件

如何在javascript中取消特定事件?

javaScript 删除事件 弹出确认 取消对话框