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    }

  • 相关阅读:
    Annotation Type ManyToMany->>>>>Oracle
    windows 控制台默认为UTF-8显示的方法
    springboot读取配置文件
    Spring Boot配置文件放在jar外部
    Vue自定义过滤器
    vue中limitBy,filterBy,orderBy的用法
    track-by的使用
    Vue的computed属性
    vue实现百度下拉框
    Cas服务器以及客户端搭建
  • 原文地址:https://www.cnblogs.com/hero8377/p/2266954.html
Copyright © 2011-2022 走看看