English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery event.delegateTarget 属性

jQuery 이벤트

event.delegateTarget属性返回当前调用的jQuery事件处理程序所添加的元素。

此属性在on()方法附加的委托事件中最有用,该事件将事件处理程序附加在要处理的元素的祖先处。例如,它可以用于在委托点处标识和删除事件处理程序。

注意:如果事件直接绑定到元素并且没有发生委派,则event.delegateTarget等于event.currentTarget(请参见下面的示例)。

语法:

event.delegateTarget

实例

任何一个DIV中的按钮被点击时,将DIV的背景色改为红色:

$("div").on("click", "button", function(event){
  $(event.delegateTarget).css("background-color", "red");
});
테스트를 해보세요‹/›

대리 이벤트가 발생할 때 delegateTarget와 currentTarget 간의 차이를 보여줍니다:

$("body").on("click", "button", function(event){
  let dt = event.delegateTarget;
  let ct = event.currentTarget;
  $("p").html("delegateTarget: " + dt.nodeName + "<br>currentTarget: " + ct.nodeName);
});
테스트를 해보세요‹/›

직접 바인딩된 이벤트에서 delegateTarget와 currentTarget는 같습니다:

$("button").on("click", function(event){
  let dt = event.delegateTarget;
  let ct = event.currentTarget;
  $("p").html("delegateTarget: " + dt.nodeName + "<br>currentTarget: " + ct.nodeName);
});
테스트를 해보세요‹/›

매개변수 값

매개변수설명
event이벤트의 매개변수는 이벤트 바인딩 기능에서 옵니다

jQuery 이벤트