gpt4 book ai didi

javascript - removeEventListener 和带参数的匿名函数

转载 作者:行者123 更新时间:2023-11-29 18:02:37 33 4
gpt4 key购买 nike

我有一个文本输入,我在其中添加了一个事件监听器。此事件监听器通过 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/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com