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

Question

我有一个简单的事件监听器，但需要将 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 没有在我的函数中定义，因为范围没有执行，所以我想知道如何链接它们而不必两次查找元素。

Answer 1

使用 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