本文主要是介绍原生js移除事件处理的3种方式,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><input type="button" value="按钮" id="btn"><script>// 点击按钮只打印一次var btn = document.getElementById('btn');// 第1种:// btn.onclick = function () {// console.log('hello');// btn.onclick = null;// }// 第2种: // btn.addEventListener('click', function () {// console.log('hello');// btn.removeEventListener('click', function () { // 错误的 此处无法调用上一行的匿名函数 无法移除// console.log('hello'); // });// }); // 第3种,改进:function btnClick() {console.log('hello');btn.removeEventListener('click', btnClick);}btn.addEventListener('click', btnClick);// 第4种: detachEvent IE6-10// function btnClick() {// console.log('hello');// btn.detachEvent('onclick', btnClick);// }// btn.attachEvent('onclick', btnClick); // btn.attachEvent is not a function</script>
</body>
</html>
这篇关于原生js移除事件处理的3种方式的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!