• 第三天:DOM EventListener 句柄的添加和移除


    1.事件句柄的包含如下两个方法:

    ps:使用句柄的好处是,修改方法的名称时,不需要改变多处

     

    1.添加一个句柄,

    2.添加多个句柄不会覆盖,运行结果:点击“按钮”,弹出框hello,确定后,自动弹出框world

    3.句柄的移除:运行结果:点击按钮,只会弹出world对话框

    代码如下

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title></title>
    </head>
    <body>
    <button id="btn">按钮</button>
    <script>
    var x=document.getElementById("btn");
    x.addEventListener("click",demo1); //添加句柄
    x.addEventListener("click",demo2); //添加句柄

    x.removeEventListener("click",demo1); //移除句柄
    function demo1(){
    alert("hello");
    }
    function demo2(){
    alert("world");
    }
    </script>
    </body>
    </html>


    问题:添加句柄函数括号内究竟该怎么写呢,看帮助看不出来
    方式1: 
    x.addEventListener("click",demo2) 方式1demo2为方法名
    方式2:

    
    
    
  • 相关阅读:
    docker 命令(我使用过的)
    docker 概述
    RabbitMq 概述
    spring cloud gateway
    redis-集群(codis和Cluster)
    jdbc 简单示例和优缺点
    git
    Mycat--概述
    线程池
    同步容器和并发容器
  • 原文地址:https://www.cnblogs.com/fenr9/p/5567595.html
Copyright © 2020-2023  润新知