网站地图    收藏   

主页 > 前端 > javascript >

js 阻止事件冒泡实例说明

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 下面我来给大家介绍在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
    }
);

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论