首页 > 代码库 > JavaScript-取消事件-e.preventDefault();

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="http://www.mamicode.com/#">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();