event.delegateTarget

event.delegateTarget

설명 : 현재 호출되는 jQuery 이벤트 핸들러가 연결된 요소입니다.

이 특성은 대부분 위임하여 부착 이벤트에 유용 .delegate()하거나 .on()이벤트 핸들러가 처리되고있는 요소의 상위에 부착된다. 예를 들어 위임 지점에서 이벤트 처리기를 식별하고 제거하는 데 사용할 수 있습니다.

요소에 직접 첨부 된 위임되지 않은 이벤트 핸들러의 event.delegateTarget경우 항상 동일합니다 event.currentTarget.

예:

상자 클래스의 단추를 클릭하면 상자의 배경색을 빨간색으로 바꿉니다.

$( ".box" ).on( "click", "button", function( event ) {

  $( event.delegateTarget ).css( "background-color", "red" );

});