删除事件

2020-06-06 13:57:13 作者：互联网

案例

<!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>

标签：box,function,删除,alert,事件,onclick,divs,fn
来源： https://www.cnblogs.com/ericblog1992/p/13054429.html