怎么批量添加事件(事件委托)?

106 阅读 0 评论 70 点赞

我是靠谱客的博主舒心衬衫，这篇文章主要介绍怎么批量添加事件(事件委托)?，现在分享给大家，希望可以做个参考。

var stars = document.getElementsByTagName("i");

// 首先获取所有i标签

for (var i=0;i<stars.length;i++){

stars[i].index = i;

}

// 为每个标签添加自定义属性index，值为标签的key值

for (var i=0;i<stars.length;i++) {

stars[i].onmouseover = function(){

lightStars(this.index);

}

stars[i].onmouseout = function(){

offStars(this.index);

}

stars[i].onclick = function(){

alertStars(this.index);

}

//通过循环为每一个元素添加事件，注意的一点是，获取index值的时候，需要用this，而不是stars[i]。

总结：以上就是怎么批量添加事件，感谢您的观看。

以上就是舒心衬衫最近收集整理的关于怎么批量添加事件(事件委托)?的全部内容，更多相关怎么批量添加事件(事件委托)内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。