preventDefault() 方法使用

最新推荐文章于 2024-09-29 13:45:10 发布

ecosystems

最新推荐文章于 2024-09-29 13:45:10 发布

阅读量7.2k

点赞数 2

分类专栏： html5

本文链接：https://blog.csdn.net/yangdeli888/article/details/42243209

版权

html5 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

preventDefault() 方法

Event 对象

定义和用法

取消事件的默认动作。

语法

event.preventDefault()

说明

该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。

preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。

JS阻止链接跳转

 
         function  
         stopDefault(e) {  
        
         if  
         (e && e.preventDefault) { 
        
         e.preventDefault(); 
        
         } 
         else 
         {  
        
         window.event.returnValue =  
         false 
         ; 
        
         } 
        
         return  
         false 
         ; 
        
         } 
        
         </script>  
        
         <a href= 
         "http://www.test.com"  
         id= 
         "test" 
         >测试</a>  
        
         <script type= 
         "text/javascript" 
         >  
        
         var  
         test = document.getElementByIdx_x( 
         'test' 
         );  
        
         test.onclick =  
         function 
         (e) {  
        
         alert( 
         'URL：'  
         +  
         this 
         .href +  
         ', 不会跳转' 
         );  
        
         stopDefault(e);  
        
         }