object.addEventListener的useCapture参数的目的是什么？

Question

我试图了解在Internet Explorer中添加addEventListener时的行为true或false做法.根据微软的说法useCapture.如果我添加一个事件,例如:

element.addEventListener('click', function_name, true);

它似乎没有改变任何东西,听众仍然有效.有谁能解释useCapture参数的目的吗？

Answer 1

它是可选useCapture参数,指定为以下事件添加事件处理程序的事件阶段:

事件分两个阶段处理:捕获和冒泡.在捕获阶段,事件将被分派到父对象,然后将它们分派到对象层次结构中较低的事件目标.在冒泡阶段,事件首先被分派到目标元素,然后被分派到父元素.您可以为任一事件阶段注册事件处理程序.

true 为捕获阶段注册事件处理程序.

false 注册冒泡阶段的事件处理程序.

您可以在此处阅读eventPhase文档:http://msdn.microsoft.com/en-gb/library/ie/ff974944( v = vs.85).aspx

编辑:

请阅读以下内容,其中描述了通过冒泡和捕获定义的事件顺序以及明确的示例.http://www.quirksmode.org/js/events_order.html