DOM EventListener

来源:互联网 发布:港股交易规则 知乎 编辑:程序博客网 时间:2024/05/16 09:32

1.DOM EventListener:

      方法:addEventListener();

                   removeEventListener();

2.addEventListener():

       方法用于向指定元素添加句柄

3.removeEventListener():

       移除方法添加的事件句柄

简单事例如下:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>DOM EventListener</title>    <link rel="stylesheet" type="text/css" href="style.css"></head><body> <button id="btn" >button</button> <script>    var x= document.getElementById("btn");    x.addEventListener("click",hello);//添加句柄第一个参数为触发事件,第二个为函数    x.addEventListener("click",girl);    x.removeEventListener("click",girl);     function hello() {         alert("hello")     }     function girl() {         alert("i am a girl");     } </script></body></html>



0 0
原创粉丝点击