移除事件 · JavaScript

## 第一种 ``` <body> <input type="button" id="btn" value="点击"> <script> var btn = document.getElementById('btn'); btn.onclick = function () { alert('hello'); //移除事件 btn.onclick = null; } </script> ``` ## 第二种 ``` <body> <input type="button" id="btn" value="点击"> <script> var btn = document.getElementById('btn'); //移除事件. 如果想要移除事件,注册事件的时候不能使用匿名函数 function btnClick() { alert('hello'); btn.removeEventListener('click', btnClick); } btn.addEventListener('click', btnClick); </script> ``` ## 第三种 ``` <body> <input type="button" id="btn" value="点击"> <script> var btn = document.getElementById('btn'); function btnClick() { alert('hello'); btn.detachEvent('click', btnClick); } btn.attachEvent('click', btnClick); </script> ```