事件侦听器中的匿名函数与事件侦听器中的匿名函数

护盾

我有一个变量p1Score是一个数字,而p1ScoreDisplay是一个跨度的内容。我制作了一个事件监听器,每次单击它会将分数加1,并使用以下方法更新跨度:

p1.addEventListener("click", function()
{   
p1Score++;
p1ScoreDisplay.textContent = p1Score;
});

这可以正常工作,但是,我不想使函数匿名。我创建了一个单独的函数,并制作了一个匿名函数,该函数如下所示:

function addPoint(score, scoreDisplay)
{
score++;
scoreDisplay.textContent = score;
}

p1.addEventListener("click", function(){addPoint(p1Score,p1ScoreDisplay);});

这个版本只会执行一次活动,而每次都会执行一次,我不确定为什么吗?

昆汀

在第一个示例中,您增加的值p1Score下次单击将再次增加它。

在第二个示例中,将的值复制p1Scorescore,然后将的值递增score再次单击将复制原始和不变p1Scoreto score,然后再次增加它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在事件侦听器中的匿名函数中运行函数

阻止函数执行或删除匿名事件侦听器

将参数传递给事件侦听器中的方法而不添加匿名函数

异步等待函数未在事件侦听器中执行

使用带有局部作用域变量的匿名函数删除事件侦听器

带有匿名函数的事件侦听器(typeError ,toggle undefined)

如果尚未添加侦听器并且侦听器处理程序是匿名函数,则在nodeJS中添加侦听器

如何从具有匿名功能的div中删除事件侦听器

禁用匿名事件侦听器或将参数和事件传递给非匿名侦听器

我无法在对象构造函数中创建事件侦听器来侦听

Java 中的事件(侦听器)

类中的 Javascript 事件侦听器

jQuery中的单击事件侦听器

如何在没有匿名函数的情况下设置事件侦听器?(不失去范围)

侦听器函数中的 setInterval

运行函数的函数 onclick 事件侦听器

匿名侦听器类中的 Butterknife 绑定

匿名Kotlin侦听器中的未解析引用

有什么方法可以访问在函数中添加了事件侦听器的元素?

Event.target意外地成为绑定事件侦听器函数中的文档

<select><option> 事件侦听器中的箭头函数(vanilla JavaScript)

自定义事件侦听器中的柯里化(部分函数)

如何在类内的html中添加具有函数回调的事件侦听器?

JavaScript闭包函数传递给事件侦听器

函数已卸载但仍在事件侦听器上执行

删除在函数内部创建的事件侦听器?(JavaScript)

在NodeJS中将类函数用作事件侦听器

为什么mousedown事件侦听器通过函数运行?

创建事件侦听器时,函数会立即触发