百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> js 阻止事件冒泡实例说明
分享文章到:

js 阻止事件冒泡实例说明

发布时间:01/15 来源: 浏览: 关键词:
下面我来给大家介绍在dom对象上阻止事件冒泡一具实例方法,希望此方法对各位朋友有所帮助哦。

绑定在dom对象上的事件存在冒泡的特性。有时候不希望事件冒泡,就需要对默认的冒泡处理进行阻止。纯js的做法是:

 代码如下

function stopBubble(e) { 
    if (e && e.stopPropagation) {     //非IE 
        e.stopPropagation(); 
     } else {                        //IE 
         window.event.cancelBubble = true; 
    } 
}

如果使用jquery库的进行绑定dom的事件,处理方式则为:

 代码如下

$(selector).click(
    function(event){ 
        event.stopPropagation();
        //do somethine
    }
);

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有4人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板