javascript - 如何找出触发了哪个事件监听器

Question

我有一堆输入字段，使用 for 循环和类名附加了事件监听器。有没有办法获取触发的输入字段的 ID？ 我有大约 40 个输入字段，我想从触发的输入中获取 id，并将其作为变量传递到函数中。

HTML -

<input type="text" id="t11Text1" class="text1 input">
<input type="text2" id="t11Text2" class="text2 input">
<input type="text" id="t12Text1" class="text1 input">
<input type="text2" id="t12Text2" class="text2 input">

JS-

var onChange = document.querySelectorAll('.input');
var onChangeSelect = document.querySelectorAll('.select');

for (var i = 0; i < onChange.length; i++) {
        onChange[i].addEventListener("input", function() {
        myFunction();
    });
}

Answer 1

您可以访问 event object在匿名函数中，event.target.id 将是元素的 id。

var onChange = document.querySelectorAll('.input');
var onChangeSelect = document.querySelectorAll('.select');

for (var i=0; i < onChange.length; i++){
   onChange[i].addEventListener("input", function (event) {
       // event.target.id
       myFunction();
   });
}