在js的学习中,为元素添加事件是非常常见的
那么,下面我带大家了解一下js中移除事件的两种方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="点我啊" id="fst" /> <input type="button" value="不许点他" id="ftw" /> </body> <script type="text/javascript"> // 第一种移除事件的方法 document.getElementById("fst").onclick = function () { console.log('我被点击啦'); } document.getElementById("ftw").onclick = function () { document.getElementById("fst").onclick = null; } // 第二种移除事件的方法 var a = document.getElementById("fst"); var b = document.getElementById("ftw"); addListener(a, 'click', func1); addListener(a, 'click', func2); function func1() { console.log('我是函数1呀'); } function func2() { console.log('我是函数2呀'); } document.getElementById("ftw").onclick = function() { removeListener(a,'click',func2); }; </script> </html>
看起来应该很简单吧拜拜啦兄弟们