JavaScript DOM二级事件

🌙
手机阅读
本文目录结构
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        #div1{
            width: 100px;
            height: 100px;
            background: orange;
        }
    </style>
</head>
<body>
<div id="div1"></div>
</body>
</html>
<script>
    var oDiv=document.getElementById("div1");
    //HTMLDivElement--HTMLElement--Element--Node--EventTarget--Object
    //其中DOM二级事件是定义在EventTarget上的;
//    oDiv.addEventListener("click",fn1,false);
    oDiv.addEventListener("click",fn1);//和上面一样的,不写和写false一样的;
    oDiv.addEventListener("click",fn2);//和上面一样的,不写和写false一样的;
    oDiv.addEventListener("click",fn3);//和上面一样的,不写和写false一样的;
    oDiv.addEventListener("click",fn4,false);//和上面一样的,不写和写false一样的;

    function fn1(){console.log("1");};
    function fn2(){console.log("2");};
    function fn3(){console.log("3");};
    var num=0;
    function fn4(){
        num+=1;
        if(num==3){
            this.removeEventListener("click",fn1,false);//移除
            this.removeEventListener("click",fn2,false);
        }
        console.log("4");
    };
</script>

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

目前重心已经放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>