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

   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]。

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