zoukankan      html  css  js  c++  java
  • js中事件的绑定与解绑:attachEvent/detachEvent、addEventListener/removeEventListener

    <!doctype html>
    <html>
        <head>
            <!--声明当前页面编码集(中文编码<gbk,gb2312>,国际编码<utf-8>)-->
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <meta name="keywords" content="关键词,关键词">
            <meta name="description" content="">
            <title> html </title>
            <style type="text/css">
                *{padding:0px;margin:0px;}
                #box1{400px;padding:50px;background:pink;}
                #box2{padding:50px;background:yellow;}
                #box3{padding:50px;background:red;}
            </style>
        </head>
    <body>
        <div id="box1">
            <div id="box2">
                <div id="box3"></div>
            </div>
        </div>
        <script>
            /*
                事件的解绑
                attachEvent  ----> detachEvent
                addEventListener--> removeEventListener
            */
            var box1 = document.getElementById("box1");
            var box2 = document.getElementById("box2");
            var box3 = document.getElementById("box3");
            
            /*
            //box3.onclick = fn;
            box2.onclick = fn;
            box2.onclick = null;
            box2.attachEvent("onclick",fn);
            //box3.attachEvent("onclick",fn);
            box2.detachEvent("onclick",fn);
            function fn(){
                alert(1);
            };
            */
            
            box3.addEventListener("click",fn,false);
            box3.removeEventListener("click",fn,true);
            function fn(){
                alert(2);
            }
        </script>
    </body>
    </html>
  • 相关阅读:
    显示器的分类和主要性能指标
    关闭Win 10 自动更新功能
    MySQL下载安装教程
    经济学十大原理
    西方经济学概述(经济学原理 1 )
    工作表基本操作
    输入和编辑工作表
    因特网概述
    摩尔定律(Moore's Law)
    C 语言编程机制
  • 原文地址:https://www.cnblogs.com/wanglitao/p/5684640.html
Copyright © 2011-2022 走看看