将事件侦听器添加到HTML元素集合 [英] Add Event Listener to Collection of HTML Elements

查看:174
本文介绍了将事件侦听器添加到HTML元素集合的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

I know that getElementsByTagName and getElementsByClassName need an index identifier in order for the objects to be bound to an event listener.

所以问题是,如何将事件监听器添加到使用 getElementsByTagName <找到的HTML元素集合中/ code> getElementsByClassName

<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执行此操作。

I know how to do this in jQuery, but I want to know how to do it with pure JS.

推荐答案

不建议在每个中添加eventlistener。可能会有所帮助:

Adding eventlistener to each of them is not advisable. May be this can help:

http://jsfiddle.net / b8gotLL6 /

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

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

And if you only want to do using getElementsByTagName or getElementsByClassName, then i guess you need to iterate for the array returned.

这篇关于将事件侦听器添加到HTML元素集合的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆