主页 / 问题 / 1092454
Accepted
Ruslan
Asked:2020-03-09 17:43:15 +0000 UTC2020-03-09 17:43:15 +0000 UTC

如何为数组的每个元素添加事件处理程序？

  • 772

需要你的帮助，刚开始学习事件处理程序。

var pictures = [..массив сгенерированных объектов];  
var showBigPicture = function (smallPicture) {..};
var picturesList = document.querySelectorAll('.picture');

for (var i = 0; i < picturesList.length; i++) {
  var index = i;
  picturesList[i].addEventListener('click', function () {
    showBigPicture(pictures[index]);
}

作为点击任何图片列表[i] event.target 的结果，显示的图片总是等于最后一个元素图片[]，并且应该显示被点击的图片。
告诉我，我哪里做错了？

javascript

1 个回答

  1. Best Answer

    因为在执行的时候

    function () {
    showBigPicture(pictures[index]);
}

    您的索引变量将等于数组中的最后一个索引，请在此处了解 let 和 var 之间的区别。

    const pictures = [..массив сгенерированных объектов];  
const showBigPicture = function (smallPicture) {..};
const picturesList = document.querySelectorAll('.picture');

for (let i = 0; i < picturesList.length; i++) {
  picturesList[i].addEventListener('click', function () {
    showBigPicture(pictures[i]);
}

    试试这个代码

    • 1

相关问题