用于2种不同输入的JavaScript addEventListener
我目前有一个事件侦听器，当输入发生如下更改时触发：用于2种不同输入的JavaScript addEventListener,javascript,Javascript,我目前有一个事件侦听器，当输入发生如下更改时触发： input=document.getElementById（“inputfield1”）； input.addEventListener（“更改”，函数（e）{ log（“对inputfield1执行操作”）； }); 必须为每个元素显式附加事件处理程序。下面是一个代码片段，其中显示了如何执行此操作 document.querySelectorAll（'.jsInputField'） .forEach（函数（元素）{ 元素。addEvent
input=document.getElementById（“inputfield1”）；
input.addEventListener（“更改”，函数（e）{
log（“对inputfield1执行操作”）；
});
必须为每个元素显式附加事件处理程序。下面是一个代码片段，其中显示了如何执行此操作
document.querySelectorAll（'.jsInputField'）
.forEach（函数（元素）{
元素。addEventListener（'change'，函数（事件）{
var elementId=event.currentTarget.getAttribute（'id'））
log（“使用“+elementId”做某事）；
});
});
函数f（element）{console.log（element.id，element.value）；}
使用querySelectAll（）和for循环
函数myFunction（）{
input=document.querySelectorAll（“#inputfield1，#inputfield2”）；
var i；
对于（i=0；因此我将另一个事件绑定到另一个元素…..只需为事件侦听器定义一个命名函数，并对您喜欢的任何元素使用相同的函数。或者您可以用谷歌搜索问题的标题！值得一提的是，NodeList.prototype.forEach
是一种新方法，它没有得到广泛的支持！@Ram感谢您的评论！i wi我会更新我的帖子。@Ram我同意，但它可能只做了Array.from（nodeList）.forEach（）
但是这个答案的主要问题是，它要求匿名事件侦听器同时在.forEach（）
循环中注册。以后可能需要创建另一个
元素。