常用阻止默认行为的两种方式

 
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 8     <title>Document</title>
 9 </head>
10 
11 <body>
12     <a href="http://www.baidu.com">百度</a>
13     <form action="http://www.baidu.com">
14         <input type="submit" value="提交" name="sub" id="submit">
15     </form>
16     <script>
17         // 让链接不跳转或者不提交
18         var a = document.querySelector("a");
19         var input = document.getElementById("submit");
20         a.onclick = function(e) {
21             e.preventDefault();
22             // 低版本浏览器 e.returnValue;
23             // return false; // 也可以进行取消默认行为，但是后面的代码将不在执行，只限于传统的事件注册方式。
24         }
25     </script>
26 </body>
27 
28 </html>

 

posted @ 2021-06-04 14:31  等风来灬  阅读(503)  评论(0)    收藏  举报