HTML의 currentTarget 이벤트 속성은 이벤트 리스너가 이벤트를 트리거한 요소를 가져오는 데 사용됩니다.
다음은 구문입니다 -
event.currentTarget
이제 currentTarget 이벤트 속성을 구현하는 예를 살펴보겠습니다. -
예시
<!DOCTYPE html>
<html>
<body>
<h2>Get the element</h2>
<p onclick="myFunction(event)">Click on this line to generate an alert box displaying the element whose eventlistener triggered the event.</p>
<script>
function myFunction(event) {
alert("Element = "+event.currentTarget.nodeName);
}
</script>
</body>
</html> 출력
이제 위의 스크린샷과 같이 라인을 두 번 클릭하여 이벤트 리스너가 이벤트를 트리거한 요소를 표시하는 경고 상자를 생성합니다. -
