事件传播 - 是否可以为同一类型的事件向同一元素添加多个侦听器？

HTML5 规范在事件处理程序部分有一个很好的示例，它不仅显示了一个事件处理程序和多个附加到同一事件的同一元素的其他事件侦听器，而且还描述了它们运行的略微棘手的顺序。

<button id="test">Start Demo</button>
<script>
 var button = document.getElementById('test');
 button.addEventListener('click', function () { alert('ONE') }, false);
 button.setAttribute('onclick', "alert('NOT CALLED')"); // event handler listener is registered here
 button.addEventListener('click', function () { alert('THREE') }, false);
 button.onclick = function () { alert('TWO'); };
 button.addEventListener('click', function () { alert('FOUR') }, false);
</script>

它说，单击按钮后，“页面将显示四个警报，分别显示文本”ONE“、”TWO“、”THREE“和”FOUR”。