案例
<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div { width: 100px; height: 100px; background-color: pink; } </style> </head>
<body> <div>1</div> <div>2</div> <div id="box">3</div> </body> <script> var divs = document.querySelectorAll('div'); var box = document.getElementById('box');
// 1 // divs[0].onclick = function() { // alert(11); // // 传统方式删除事件 // divs[0].onclick = null; // } // // 2 // divs[1].addEventListener('click', fn)
// function fn() { // alert(22); // // 移除事件 // divs[1].removeEventListener('click', fn); // };
// 3 box.attachEvent('onclick', fn1);
function fn1() { alert(33); box.detachEvent('onclick', fn1); } </script>
</html>