javascript - 一个js监听事件的小问题
本文介绍了javascript - 一个js监听事件的小问题的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
代码很简短，问题应该也比较简单，先贴上代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<div id="test" style="width:200px;height: 200px;background-color: #446cb3"> </div>
<script>
function mytest (node){
function init(){
console.log("a click");
}
node.removeEventListener("click",init);
node.addEventListener("click",init);
}
mytest(document.getElementById("test"));
mytest(document.getElementById("test"));
</script>
</body>
</html>问题是，我在第二次调用这个函数的时候，我认为应该已经 remove掉了第一次监听事件了，但是浏览器会同时打出两个a click ，想知道这中发生了什么。。。
(重点：实际业务中init函数不能暴漏在外面...这是一个demo样例
以及。。如何让多次调用mytest这个函数，实际只打出一次a click..（init函数不暴漏在外面）
先谢过啦
解决方案
var mytest = (function(){
function init(){
console.log('a click')
}
return function(node){
node.removeEventListener("click",init);
node.addEventListener("click",init);
}
})()这篇关于javascript - 一个js监听事件的小问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
