javascript - 如何在 div 上高效地声明事件

Question

这是在 JavaScript 中声明多个事件监听器的最快方法。我应该这样做吗:

 <div onclick="myFunction();">
   <div>Element 1</div>
   <div>Element 2</div> 
 </div>

或者像这样:

 <div>
   <div onclick="myFunction();">Element 1</div>
   <div onclick="myFunction();">Element 2</div> 
 </div>

有人有什么建议吗？

Answer 1

您可以向子项 <div> 添加事件监听器就像这样:

[].forEach.call(document.querySelectorAll("#containerDiv div"), div => {
    div.addEventListener("click", myFunction);
});