刪除事件(解綁事件)
阿新 • • 發佈:2022-04-11
刪除事件 的方式
1.傳統註冊方式
evenTarget.onclick = null
2.方法監聽註冊方式
1. eventTarget.removeEventListener(type,listener[,useCapture]);
2.eventTarget.detachEvent (eventNamewithon,callback) ;
示例程式碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div { background-color: blueviolet; width: 100px; height: 100px; } </style> </head> <body> <div>1</div> <div>2</div> <div>3</div> </body> <script> var divs = document.querySelectorAll('div') // 1 divs[0].onclick = function () { alert(11) // 事件解綁 divs[0].onclick = null } // 2 divs[1].addEventListener('click', fn) //裡面的fn不需要呼叫加小括號 function fn() { alert(22) divs[1].removeEventListener('click', fn) } // 3 divs[2].attachEvent('onclick', fn1) function fn1() { alert(33) divs[2].detachEvent('onclick', fn1); } </script> </html>