-
事件监听
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 事件的监听 --- 可以理解为为标签绑定事件的另外一种方式 --- 绑定了之后可以解绑 --> <button class="btn">按钮</button> <script> var btn = document.querySelector(".btn") // 注册监听 /** * 监听的事件类型 * 绑定事件的时候 on..事件 * 事件类型 就是去掉on后面的内容 就是事件类型 * 例如 onclick ===> click * * 监听到该事件之后执行的行为 * * 是否设置为捕获传递 默认为false（默认为冒泡传递） */ // btn.addEventListener("click", function(){ // console.log("哎呀，我被点击了") // }) // 取消监听 /** * 取消监听的设置要与设置监听是一致的 否则取消失败 */ // btn.removeEventListener("click", function(){ // console.log("哎呀，我被点击了") // }) /** * 看起来明明设置的是一致的 但是却取消失败 * 原因： 就是因为监听事件之后执行的行为 不是一个行为 * function(){} 这种是匿名函数 执行一次之后就会被 * 在内存中释放掉了 之后再写是新生成了一个 与原来那个无关 * * 取消成功的话 * 函数不适用匿名函数了 */ function btn_click(){ console.log("哎呀，我又被点击了") } btn.addEventListener("click", btn_click) btn.removeEventListener("click", btn_click) </script> </body> </html>
扫一扫
08-25
1737
1737
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
