zoukankan      html  css  js  c++  java
  • DOM的事件冒泡

    今天写代码的时候遇到一个问题,DOM的事件冒泡。这个 有些时候十分难搞,如果多个父级元素注册了同一个事件,怎么处理.

    1.如果是动态创建的还比较简单

       1 //IE中注册事件

     2 var oDiv=document.getElementById("id");
     3 oDiv.onclick=function(){}
     4  或者
     5 var oDiv=document.getElementById("id");
     6 oDiv.attachEvent("onclick",fn);
     7 //DOM兼容性浏览器
     8 var oDiv=document.getElementById("id");
     9 oDiv.addEventListener("onclick",fn,false);
    10 //这里的false使用的是冒泡阶段,true使用的捕捉阶段。
    11 //在浏览器中取得事件对象是在当前方法下:
    12 var oDiv=document.getElementById("id");
    13 var oEvent=null;
    14 oDiv.onclick=function()
    15 {
    16   oEvent=window.event;
    17 }
    18 //阻止事件冒泡
    19 IE:oEvent.cancelBubble=true;
    20 非IE:oEvent.stopPropagation();
    21 
    22 
    23     //阻止事件冒泡
    24     function StopEventBubble(e)
    25     {
    26         if (e && e.stopPropagation)
    27             e.stopPropagation(); //非IE
    28         else
    29             e.cancelBubble = true;//IE 

    30    }

  • 相关阅读:
    总结
    设置导航栏上面的内容
    统一所有控制器导航栏左上角和右上角内容
    直接设置UIView的x,y,width,height...
    block浅析
    const浅析
    - (BOOL)isEqual:(id)object
    数据存入沙盒
    swift感悟2
    swift自学感悟1
  • 原文地址:https://www.cnblogs.com/hero8377/p/2266954.html
Copyright © 2011-2022 走看看