Javascript 只有最后一个addEventListener响应循环中的click事件

当我尝试为属于某个类的元素设置addEventListener时，只有分配给侦听器的最后一个元素响应click事件。我非常确定我试图分配侦听器的元素

childNode

是唯一的。所以我不确定是什么导致了这个问题。我真的很感激任何帮助

Javascript

window.onload = function(){
  slideContainers = document.getElementsByClassName("slideContainer");
  for (i=0;i<slideContainers.length;i++){
    newSlideshow = new slideshow();
    for (c=0;c<slideContainers[i].childNodes.length;c++){
      childNode = slideContainers[i].childNodes[c];
      if (childNode.className=="slideDesc"){
          for (d=0;d<childNode.childNodes.length;d++){ 
            if (childNode.childNodes[d].className=="myDesc fade"){
              newSlideshow.slideDescArr.push(childNode.childNodes[d]);              
            }
          }
      }
      if (childNode.className=="slideImg"){
          for (d=0;d<childNode.childNodes.length;d++){ 
            if (childNode.childNodes[d].className=="mySlides fade"){
              newSlideshow.slideImgArr.push(childNode.childNodes[d]);
            }
          }        
      }
      if (childNode.className=="numbertext"){
        newSlideshow.slideNumArr.push(childNode);
      }
      if (childNode.className=="prev"){ //Help! Only the last childNode responds to click event
        childNode.addEventListener("click", function(){ plusSlides(newSlideshow, -1); });           
      }
      if (childNode.className=="next"){ //Help! Only the last childNode responds to click event
        childNode.addEventListener("click", function(){ plusSlides(newSlideshow, 1); });
      }
    }
    showSlides(newSlideshow, newSlideshow.slideIndex);
  }
} //wait for all resources to load

window.onload=function（）{
slideContainers=document.getElementsByCassName（“slideContainer”）；
对于（i=0；i
“幻灯片图像”%>
❮
❯


人工智能
“图标图片”%>

农场战争：僵尸生存是一款RPG游戏，扮演一个养鸭场主，他必须在僵尸出没的沙漠中生存，并拥有少量的工具和武器。这款Unity游戏与Android手机兼容。


我制作了这个股票市场教育游戏，以鼓励用户采取更明智的投资方式。我搜集了上市公司的信息，对可以利用其收益构建投资组合的用户进行测试。我使用Sqlite3存储用户进度，使用MediaWiki和FinancialAdvantage API获取公司数据。


在《火车男爵》中，玩家制定他们的火车路线，以最大限度地提高按时交付货物的收益。设计游戏机制和像素艺术既有挑战性又有回报。该游戏大量使用协同路线来跟踪用户实现目标的进展。

1/3
2/3
3/3
“幻灯片图像”%>
“幻灯片图像”%>
“幻灯片图像”%>
❮
❯

调用处理程序时，

newSlideshow

将是您为所有事件处理程序创建的最后一个处理程序-请尝试

let newSlideshow=new slideshow（）

谢谢。它现在可以工作了。所以我猜

addEventListener

不会立即执行，因此使用了

newSlideshow

的最后一个声明，你猜错了。

addEventListener

会立即执行-但是触发处理程序的事件不会立即执行。谢谢。我了解了gl和现在Js中的obal变量和函数作用域。调用处理程序时，

newSlideshow

将是您为所有事件处理程序创建的最后一个处理程序-尝试

let newSlideshow=new slideshow（）

谢谢。它现在可以工作了。所以我猜

addEventListener

不会立即执行，因此使用了

newSlideshow

的最后一个声明，你猜错了。

addEventListener

会立即执行-但是触发处理程序的事件不会立即执行。谢谢。我了解了gl和现在Js中的obal变量和函数范围。

<div class="projectname">
<%= image_tag "gamepad.png", :class=>"icon_image"%>

<div class="slideContainer">

  <div class="slideDesc">
    <p class = "myDesc fade">
      Farm Wars: Zombie Survival is a RPG as a duck farmer who must survive in a zombie-infested desert with a handful of tools and weapons. This Unity game is compatible with Android phones.
    </p>

    <p class = "myDesc fade">
      I built this stock market educational game to encourage users to adopt a wiser approach toward investing. I scraped info of public companies to quiz users who could use their earnings to build their portfolio. I used Sqlite3 to store user progress and MediaWiki and FinancialAdvantage API to get company data.
    </p>

    <p class = "myDesc fade">
      In Train Baron, players strategize their train routes to maximize their winnings from delivering goods on time. Designing game mechanics and pixel art was challenging and rewarding. This game makes heavy use of coroutines to track user progress toward their goals. 
    </p>

    <p class = "myDesc fade">
      This duck platformer features mama duck navigating the treacherous streets of New York while keeping her ducklings safe. In this game, I improved my pixel art skills with several graphics such as exploding ducklings, lunging dogs and annoyed pedestrians. 
    </p>            
  </div>

  <div class="numbertext">1 / 4</div>
  <div class="numbertext">2 / 4</div>
  <div class="numbertext">3 / 4</div>
  <div class="numbertext">4 / 4</div>

  <div class="slideImg">

    <div class="mySlides fade">
      <%= image_tag "games/zombie.png", :class=>"slide_image"%>
    </div>

    <div class="mySlides fade">
      <%= image_tag "games/investing.png", :class=>"slide_image" %>
    </div>

    <div class="mySlides fade">
      <%= image_tag "games/train.png", :class=>"slide_image" %>
    </div>

    <div class="mySlides fade">
      <%= image_tag "games/duck.png", :class=>"slide_image" %>
    </div>

  </div>
  <a class="prev">&#10094;</a>
  <a class="next">&#10095;</a>

  </div>

</div>

<br>


<h3>Artificial Intelligence</h3>
<div class="projectname">
<%= image_tag "ai.png", :class=>"icon_image"%>

<div class="slideContainer">

  <div class="slideDesc">
    <p class = "myDesc fade">
      Farm Wars: Zombie Survival is a RPG as a duck farmer who must survive in a zombie-infested desert with a handful of tools and weapons. This Unity game is compatible with Android phones.
    </p>

    <p class = "myDesc fade">
      I built this stock market educational game to encourage users to adopt a wiser approach toward investing. I scraped info of public companies to quiz users who could use their earnings to build their portfolio. I used Sqlite3 to store user progress and MediaWiki and FinancialAdvantage API to get company data.
    </p>

    <p class = "myDesc fade">
      In Train Baron, players strategize their train routes to maximize their winnings from delivering goods on time. Designing game mechanics and pixel art was challenging and rewarding. This game makes heavy use of coroutines to track user progress toward their goals. 
    </p>

  </div>

  <div class="numbertext">1 / 3</div>
  <div class="numbertext">2 / 3</div>
  <div class="numbertext">3 / 3</div>

  <div class="slideImg">

    <div class="mySlides fade">
      <%= image_tag "ai/asteroid.png", :class=>"slide_image"%>
    </div>

    <div class="mySlides fade">
      <%= image_tag "ai/mars.png", :class=>"slide_image" %>
    </div>

    <div class="mySlides fade">
      <%= image_tag "ai/warehouse.png", :class=>"slide_image" %>
    </div>

  </div>
  <a class="prev">&#10094;</a>
  <a class="next">&#10095;</a>

  </div>

</div>