事件捕获、事件冒泡和jQuery.on()

Question

我有一个关于事件"捕获"、"冒泡"和jQuery.on()的有趣问题。

最近我学到了更多有关事件捕获和事件冒泡之间的区别，以及它们在DOM内的子父元素之间如何不同地流动。

所以，要添加一个带有"事件捕获方向"的事件监听器，我会使用：

element.addEventListener("click", myFunction, true);

而要添加一个带有"事件冒泡方向"的事件监听器，我将使用：

element.addEventListener("click", myFunction, false);

这都很好，但我想知道的是，在使用jquery.on()添加事件监听器时，如何指定事件方向，即捕获和冒泡？

目前，我正在使用类似以下代码：

$('parent selector').on('click', 'child selector', function(){alert('just alert something already...');});

我该如何告诉jQuery它需要按照事件捕获方向或事件冒泡方向添加这些事件监听器呢？

- Methedex

Answer 1

你不能做到。 jQuery事件使用事件冒泡，不支持捕获。

另请参见

• 为什么jQuery事件模型不支持事件捕获，只支持事件冒泡

- Arun P Johny

---

嗨，Arun。我想提名你成为社区管理员，但你缺少“规约”徽章。你离获得它还有多远？（在元社区上发布10篇评分>2的帖子）。 - cssyphus

@ArunPJohny 我现在明白了。 :) - Sunny R Gupta

Answer 2

您可以使用 e.target 获取被点击的确切元素

  $('.parent').on('click', function(e){
    if(e.target.classList.contains('child'))
      // do something
    }
  })

- adamboro