gpt4 book ai didi

javascript - 使用事件监听器并从未命名函数中解析它

转载 作者:行者123 更新时间:2023-11-30 12:59:58 27 4
gpt4 key购买 nike

我有一个简单的事件监听器,但需要将 this 解析为我的函数,但不知道如何解析。

这是我目前所拥有的:

var inpt = document.getElementById('curq');
inpt.addEventListener("keyup", function(e,max){ int_inpt_only(e,max); } , false);

function int_inpt_only(e,max) {
this.value = this.value.replace(/[^0-9]/g,'');
if(this.value > max) this.value = max;
if(this.value<1)this.value=1;
}

问题是 this 没有在我的函数中定义,因为范围没有执行,所以我想知道如何链接它们而不必两次查找元素。

最佳答案

使用 Function.call :

inpt.addEventListener("keyup", function (e) {
int_inpt_only.call(this, e, 100);
}, false);

Demo


您发布的处理程序逻辑也有一个小问题:

inpt.addEventListener("keyup", function(e,max){ int_inpt_only(e,max); } , false);
^^^

事件处理程序不接收第二个参数,因此 max 未定义。


或者,如果这就是您的事件处理程序所做的全部事情,并且 int_inpt_only 可以通过词法作用域访问 max 变量(例如,在外部作用域中定义),只需传递一个函数引用改为作为事件处理程序:

inpt.addEventListener("keyup", int_inpt_only, false);

Demo

关于javascript - 使用事件监听器并从未命名函数中解析它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17559188/

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