jQuery | event.delegateTarget 属性

简介

delegateTarget 属性是 jQuery 事件对象（event）的一个属性，用于获取当前事件委托的目标元素（delegate target），即事件被绑定的元素。

用途

当事件被绑定到父元素上，子元素触发该事件时，通过 delegateTarget 属性可以获取父元素的 jQuery 对象，从而对其进行操作。

举个例子，有一个列表项，我们需要绑定一个 click 事件：

$('#myList').on('click', 'li', function(event) {
  console.log(event.delegateTarget);
  // 输出：#myList
});

这里通过 on 方法绑定了一个 click 事件，但事件处理程序是委托给列表项（li）触发的，所以当 li 元素被点击时，通过 delegateTarget 属性可以获取到绑定该事件的元素（即列表 ul 元素）的 jQuery 对象。

注意事项

• 该属性只能在事件处理程序执行期间访问，因为事件对象只在事件处理程序执行期间存在；
• 如果该事件没有被委托，delegateTarget 属性将返回当前元素的 jQuery 对象。

参考文献

• jQuery API - event.delegateTarget