原⽣js移除事件处理的3种⽅式
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="button" value="按钮" id="btn">
<script>
// 点击按钮只打印⼀次原生js和js的区别
var btn = ElementById('btn');
// 第1种：
// lick = function () {
//  console.log('hello');
//  lick = null;
// }
// 第2种：
// btn.addEventListener('click', function () {
//  console.log('hello');
//  veEventListener('click', function () { // 错误的此处⽆法调⽤上⼀⾏的匿名函数⽆法移除
//  console.log('hello');
/
/  });
// });
// 第3种，改进：
function btnClick() {
console.log('hello');
}
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>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。