为什么我的 last.addEventListener("click",nextLevel) 不工作？

Question

https://codepen.io/demi-chen/pen/RwGPgxv

 let last = theLeftSide.lastElementChild

 last.addEventListener("click",nextLevel)
 console.log(last) =====> it does show <img>......why the addEventListener not working 

 function nextLevel(){

 event.stopPropagation();
 numberOfFaces += 5;
 generateFaces();

 }

我尝试在第一个 div 中找到 lastElementChild。它确实显示......在我使用console.log检查之后。为什么 addEventListener 不起作用。我单击了 lastElementChild smile.png 面，但它不起作用。如果函数 nextLevel() 正在工作。左侧和右侧应添加更多 smile.png.

谢谢！

Answer 1

它是一个非常简单的修复程序，可以真正将您的下一级别更改为

function nextLevel(event){
  event.stopPropagation();
  numberOfFaces += 5;
  generateFaces();
}

为什么我的 last.addEventListener("click",nextLevel) 不工作？

why my last.addEventListener("click",nextLevel) not working?

javascript

dom

function

addeventlistener

dom-events