我有一个文本输入,我在其中添加了一个事件监听器。
该事件监听器通过onkeyup
执行一个匿名函数。
这个匿名函数包含一个 foo 函数。
这个 foo 函数有一个参数 number
用于在控制台中显示数字。
我有一个用于删除添加的事件监听器的按钮。 但是,当我单击此按钮并输入文本输入时,事件监听器不会被删除,因此 foo 函数会在控制台中再次显示数字。
这是代码,非常简单:
<input type="text" value="" id="input_text">
<input type="button" value="Remove Event Listener" onclick="deleteEventListener();">
<script type="text/javascript">
number = 0;
//Function to display number in console :
function foo(arg_number)
{
number = arg_number+1;
console.log(number);
}
//The text input :
input_text = document.getElementById("input_text");
//Add event listener to the text input :
input_text.addEventListener("keyup", function(){foo(number);}, false);
//Function to remove event listener :
function deleteEventListener()
{
input_text.removeEventListener("keyup", function(){foo(number);}, false);
}
您可以尝试一下:https://jsfiddle.net/5LtmLzqy/
你有什么想法吗?
最佳答案
可以通过arguments.callee
来实现,将arguments.callee
的值存储在全局范围的javascript变量中,并将该值作为removeEventListener的参数传递()
.
number = 0;
var myAnonymous = null;
//Function to display number in console :
function foo(arg_number) {
number = arg_number + 1;
console.log(number);
}
//The text input :
input_text = document.getElementById("input_text");
//Add event listener to the text input :
input_text.addEventListener("keyup", function () { myAnonymous = arguments.callee; foo(number); }, false);
//Function to remove event listener :
function deleteEventListener() {
if (myAnonymous != null)
input_text.removeEventListener("keyup", myAnonymous);
}
关于javascript - removeEventListener 和带参数的匿名函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33786630/