JavaScript获取是第几个元素被执行事件

本文主要是介绍JavaScript获取是第几个元素被执行事件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

问题描述：

当html中有多个元素具有相同事件时，欲获取是第几个元素执行了该事件

实现方法：

在绑定事件前就为元素建立新属性来记录索引

1. HTML代码

<ul><li class="item">第一个</li><li class="item">第二个</li><li class="item">第三个</li>
</ul>

2. JavaScript代码

<script type="text/javascript">
var li = document.getElementsByClassName("item");
for(var i=0;i<li.length;i++){li[i].index = i;// 建立新属性记录元素索引li[i].addEventListener("click",fucntion(){console.log(this.index);// 输出元素索引});
}
</script>

这篇关于JavaScript获取是第几个元素被执行事件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---