zoukankan      html  css  js  c++  java
  • CustomEvent

    这是一个DOM4的事件,可以让自定义事件能沿着树 DOM树冒泡,也可以调用事件对象的一些API,当然现在只有stopPropagation,stopImmediatePropagation有效。

    window.onload = function(){
                    var a = document.getElementById("aaa")
                    var b = document.getElementById("bbb")
                    var c = document.getElementById("ccc")
                    a.addEventListener("cat", function(e) { console.log(e.xxx) })
                    b.addEventListener("cat", function(e) { console.log(e.detail) ;e.stopPropagation(); })
                    c.addEventListener("cat", function(e) { console.log(e.detail) })
                    
                    var  event = document.createEvent( "CustomEvent");
    
                    event.initCustomEvent( "cat", false,true,1 );//false 改成true看看
                    event.xxx = {
                        aa:"11"
                    }
                    a.dispatchEvent(event);
    }
    

    下面是HTML结构 :

            <div id="ccc"  > 
                <div id="bbb"  >
                    <div id="aaa"  >
                        AAA
                    </div>
                </div>
            </div>
    
    
    机器瞎学/数据掩埋/模式混淆/人工智障/深度遗忘/神经掉线/计算机幻觉/专注单身二十五年
  • 相关阅读:
    codeforces 1065F Up and Down the Tree
    初探莫比乌斯反演
    IOI2008 island
    miller——rabin判断素数
    NOIP2018游记
    NP是什么意思?
    word2016如何英汉互译
    2.1数字图像化
    Windows程序内部运行机制
    2.2图像灰度直方图
  • 原文地址:https://www.cnblogs.com/rubylouvre/p/2788978.html
Copyright © 2011-2022 走看看