如何将多个事件处理程序附加到addEventListener（）方法以及什么是bubbling.vs.capturing差异？

Question

如何将多个事件处理程序附加到addEventListener（）方法 例如： elem.addEventListener（ “鼠标悬停”，处理程序....，假/真）; 我还想知道当设置为false时冒泡如何以及在第3个参数设置为true时捕获在dom树中的操作。

Answer 1

事件冒泡意味着当在元素上触发事件时，将检查此元素的父元素是否同时发生事件。如果存在，则也会触发。然后，通过DOM树一直重复此过程。我相信冒泡事件也会在冒泡过程之前使用捕获（见下文）。

捕获从根开始并遍历DOM树到目标元素，在途中触发目标类型的事件。

为了更好地理解这一点，您可以找到more information here。

关于你的第一个问题，自从我使用它以来已经有一段时间了，因此我不记得在一个声明中做你想做的事情的方法。但是，您可以这样做：

myElement.addEventListener('click', myFunction1, false); myElement.addEventListener('click', myFunction2, false);