码迷,mamicode.com
首页 > Web开发 > 详细

笔记-[5]-关于JS事件流!

时间:2014-06-28 15:43:15      阅读:257      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   html   cti   htm   

一般的事件流中有两种:一是事件捕获 二是事件冒泡
事件冒泡的理解:何谓冒泡,当水开的时候,水珠不断地向上冒的过程。在JS中同样如此。在DOM中是一种树型的结构。
如:window
         document
                 html
                     body
                         span
例如span标签绑定了一个onclick事件.在没有阻止冒泡事件的时候,当span发生onclick事件时,body,html,document,window同样会触发onclick事件(前提是这个几个祖先标签绑定了onlick事件),否则是看不出效果。

事件捕获很少用到。

 阻止事件冒泡方法:
    在非IE下的方法是stopPropagation();
    在IE下的方法中:cancelBubble属性;当cancelBubbl=true的时候为阻止冒泡事件.
 解决兼容的方法是:
obj.onclick=function(ev){
    e=ev || window.event;
    e.stopPropagation?e.stopPropagation():e.cancelBubble=true;
    或者
    if(e.stopPropagation){
        e.stopPropagation()
    }else{
        e.cancelBubble=true;
    }
};

 

笔记-[5]-关于JS事件流!,布布扣,bubuko.com

笔记-[5]-关于JS事件流!

标签:style   blog   color   html   cti   htm   

原文地址:http://www.cnblogs.com/hellome/p/3798138.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!