zoukankan      html  css  js  c++  java
  • 第三天: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:

    
    
    
  • 相关阅读:
    CSS—BFC学习
    JS函数声明及函数表达式相关
    你想要的正则表达式笔记
    WordPress搭建自己的网站
    声纹识别
    WordPress搭建自己的网站
    L--jsp和servlet
    L--网页跳转
    L1--指针
    L--Java关键字final、static
  • 原文地址:https://www.cnblogs.com/fenr9/p/5567595.html
Copyright © 2011-2022 走看看