• 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    }

  • 相关阅读:
    dockerk个人学习(0)
    ubuntu编译python源码的坑
    查找大目录
    ubuntu 远程gui显示
    paramiko模块
    python open和file的区别
    python type metaclass
    python 生成器 迭代器 yiled
    博客暂停更新,请移步新主页
    win10禁用自动更新服务
  • 原文地址:https://www.cnblogs.com/hero8377/p/2266954.html
Copyright © 2020-2023  润新知