javascript - jQuery/深/委派

Question

使用 webcomponents，您可以使用 /deep/ 定位 shadowdom 的内部元素，在我尝试使用事件委托(delegate)之前它工作正常。

一个常规的点击功能将起作用:

$('html /deep/ a').on('click', function(e) {
  e.preventDefault()
  console.log('foo')
})

委托(delegate)似乎没有效果:

$('html').on('click', '/deep/ a', function(e) {
  e.preventDefault()
  console.log('bar')
})

知道要做什么吗？

Answer 1

Shadow DOM 重新定位事件，使它们看起来像是来自宿主元素。这是为了保留封装模型(否则您可能会捕获目标并在组件内部乱搞)。

http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-301/#toc-events

也许您可以尝试委托(delegate)给宿主元素，然后使用 event.path 来确定是否单击了 a？