javascript - 获取当前元素(keyup)并将其作为参数传递给另一个函数

Question

假设我的网页具有以下动态生成的文本框元素，其 class='mytxt'。

<input type="text" class="mytxt" />
<input type="text" class="mytxt" />
<input type="text" class="mytxt" />

如何获取用户正在输入的当前文本框元素并将其作为参数传递给另一个函数。像这样的东西:

 $("body").on("keyup", ".mytxt" ,function(element) {
    // where element is current textbox element user is typing on
    someFunction(element);
}); 

我知道可以在 html 中使用 onkeyup 并传递“this”作为参数，如下所示，但这对我来说不是一个选择，因为我无权访问动态生成文本框元素的代码。

<input type="text" class="mytxt" onkeyup="someFunction(this);"/>

Answer 1

委托(delegate)事件将传递一个变量，该变量是一个事件。我们可以从 event.target

获取元素

See MDN

$("body").on("keyup", ".mytxt" ,function(event) {
    var element = event.target;
    someFunction(element);
});