English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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 | 이이벤트의 매개변수는 이벤트 바인딩 기능에서 옵니다 |