javascript - 将事件监听器添加到 HTML 元素集合

Question

我知道 getElementsByTagName 和 getElementsByClassName 需要索引标识符才能将对象绑定(bind)到事件监听器。

所以问题是，如何将事件监听器添加到使用 getElementsByTagName 或 getElementsByClassName 找到的 HTML 元素集合?

<input class="inputs" type="submit" value="Hello" />
<input class="inputs" type="submit" value="World" />

var inputElem = document.getElementsByTagName('input');
inputElem.addEventListener('click', function(){
    alert(this.value);
}, false);

我知道如何在 jQuery 中执行此操作，但我想知道如何使用纯 JS 执行此操作。

Answer 1

不建议为它们中的每一个添加事件监听器。可能这会有所帮助:

http://jsfiddle.net/b8gotLL6/

document.getElementById('parent').addEventListener('click', function(e){
alert(e.target.value);
})

如果您只想使用 getElementsByTagName 或 getElementsByClassName，那么我想您需要迭代返回的数组。