多个元素上的 JavaScript onChange()

Question

是否可以将相同的 onChange() 分配给多个元素(无 jQuery)

目前我在做

var namefirst = document.getElementsByName("attribute.Identifier Source")[0];
namefirst.onchange = function () {//disable some stuff }

但是，我必须对另外 5 个元素执行此 onChange()，所以我想知道是否可以同时对所有元素执行此操作？或者我是否必须为每个元素执行此操作。

(我对 Javascript 很陌生)

Answer 1

如果你想一次绑定(bind)它，尝试使用事件委托(delegate)。即为输入创建一个包装器并将更改事件绑定(bind)到它，并根据事件目标检测元素并执行您的操作。

像这样:

HTML:

<div id="wrapper">
    <input type="text" name="myText" />
    <input type="text" name="myText" />
    <input type="text" name="myText" />
    <input type="text" name="myText" />
</div>

JS:

document.getElementById('wrapper').addEventListener('change', function(event){
    var elem = event.target;
    console.log(elem.name);
    console.log(elem.tagName);
    console.log(elem.type);
    if(elem.name === "myText"){
         console.log(elem.value);
    }   
});

所以这里输入的更改事件冒泡到它的父级，在那里你捕获它并执行你的操作。

Fiddle