JS 事件总结

1.事件冒泡:

  是指两个具有层级关系的标签,比如A元素内的子元素B, 且注册了相同的事件,点击内层元素,外层元素的事件也会被触发。所以说事件冒泡涉及两个点,一个是层级关系,一个是相同的时间名。

  如何阻止事件冒泡:e.stopPropagation(); (谷歌火狐适用),window.event.cancelBubble = true;

  具体兼容代码如下:

           e = e || window.event;
           if(e.stopPropagation){
                e.stopPropagation();
           }else{
               e.cancelBubble = true;
           }        

2.事件捕获:

   元素由外向内依次被触发的过程。

3. 事件的3个阶段:

  事件冒泡,事件捕获,目标事件。

4.事件源:e.target,window.event.srcElement

5.当前事件: e.currentTarget

posted on 2017-09-08 15:08  奋斗的小小牛  阅读(139)  评论(0编辑  收藏  举报

导航