阻止事件（取消其默认行为并阻止其传播）

最新推荐文章于 2022-06-30 14:39:24 发布

chen_sh_sh

最新推荐文章于 2022-06-30 14:39:24 发布

阅读量1k

点赞数

分类专栏： javascript 文章标签：浏览器 js 事件冒泡

本文链接：https://blog.csdn.net/css470895871/article/details/14091149

版权

javascript 专栏收录该内容

11 篇文章

订阅专栏

取消浏览器对事件的默认行为（响应）（比如<a>标签的跳转等）并停止事件的继续传播。

实现代码

 
        function 
        stopEvent (evt) { 
       
        var 
         evt = evt || window.event; 
       
        if 
         (evt.preventDefault) { 
       
        evt.preventDefault(); 
       
        evt.stopPropagation(); 
       
        }  
        else 
        { 
       
        evt.returnValue =  
        false 
        ; 
       
        evt.cancelBubble =  
        true 
        ; 
       
        } 
       
        }

只阻止事件继续传播（不取消默认行为）

 
        function 
        stopEvent (evt) { 
       
        var 
         evt = evt || window.event; 
       
        if 
         (evt.stopPropagation) { 
       
        evt.stopPropagation(); 
       
        }  
        else 
        { 
       
        evt.cancelBubble =  
        true 
        ; 
       
        } 
       
        }

只取消默认行为（不阻止事件的继续传播）

 
        function 
        stopEvent (evt) { 
       
        var 
         evt = evt || window.event; 
       
        if 
         (evt.preventDefault) { 
       
        evt.preventDefault(); 
       
        }  
        else 
        { 
       
        evt.returnValue =  
        false 
        ; 
       
        } 
       
        }