stopPropgation会阻止事件在捕获阶段传播吗？

Question

我正在查看http://www.quirksmode.org/js/events_order.html,这部分内容不明确:

在Microsoft模型中,您必须将事件的cancelBubble属性设置为true.

window.event.cancelBubble = true

在W3C模型中,您必须调用事件的stopPropagation()方法.

e.stopPropagation()

这会阻止事件在冒泡阶段的所有传播.

所以我的问题是:

• 当事件侦听器设置为在捕获阶段侦听时,它是否会自动不继续传播到内部元素？
• 或者,如果它继续传播,是否会e.stopPropagation()停止传播,或者这只适用于泡沫阶段？

Answer 1

简答:订单是:

1. 捕获(下)
2. 目标
3. 冒泡).

如果调用e.stopPropagation()在捕获阶段(通过设置addEventListener()的第三个参数来true),它停在1,SO 2和3不能接收.

如果调用e.stopPropagation()在泡沫阶段(通过设置addEventListener()的第三个参数来false或只是没有给它分配),1&2已经完成,所以它只是阻止事件,在那里您拨打水平冒泡stopPropagation().

Answer 2

不，事件侦听器不会阻止任何事件的传播，除非您明确告知。您所指的部分专门涉及泡沫阶段。IE的模型不支持事件捕获-句号停止。捕获阶段是冒泡阶段之前的阶段：

Top of the DOM --->event--->traverses--->to--->[target]+[event]-| (capture phase)
      /\                                                       \/
      |------------------------to--------back up-----------------  (bubble up)