[Event] JQ - event.currentTarget 속성 - 현재 이벤트 요소 반환. (= 이벤트.커런트타겟 속성)

1. event.currentTarget 예제 - 보통, this 값과 동일함.
2. event.currentTarget 정의
3. event.currentTarget 구문

event.currentTarget 예제 - 보통, this 값과 동일함.

※ this 값과 동일하므로 true 반환함.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("h1, h2, p").click(function(event){

    alert(event.currentTarget === this);

  });  

});

</script>

<h1>홈짱닷컴</h1>

<h2>Homzzang.com</h2>

<p>홈페이지 제작관리 강의</p>

 

결과보기

event.currentTarget 정의

 

이벤트 확산 (= 버블링) 단계 내의 현재 DOM 요소를 반환.

※ 일반적으로 this 값과 동일.

 

---

cf.

event.delegateTarget 속성

: 현재 이벤트 핸들러가 부착된 요소. 반환.

 

 

event.currentTarget 구문

 

event.currentTarget

 

---

[매개변수]

 

event

필수. 이벤트에 바인딩 된 함수에서 가져옴.

 

event.curruentTarget() 예제 - h1, p 요소 클릭 시, 내용 반환.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("h1, p").click(function(event){ 

    alert(event.currentTarget.innerHTML);

  });

});

</script>

<h1>홈짱닷컴 Homzzang.com</h1>

<p>홈페이지 제작관리 강의</p>

<p>코딩언어 그누보드 강의</p>

 

결과보기