>웹 프론트엔드 >JS 튜토리얼 >JavaScript 이벤트를 트리거한 요소를 어떻게 확인할 수 있습니까?

JavaScript 이벤트를 트리거한 요소를 어떻게 확인할 수 있습니까?

Patricia Arquette
Patricia Arquette원래의
2024-12-23 18:35:12549검색

How Can I Determine the Element that Triggered a JavaScript Event?

이벤트의 시작 요소 결정

질의:

이벤트의 시작 요소를 식별할 수 있습니까? 대상:

$(document).ready(function() {
  $("a").click(function() {
    var elementId = getCallerId();
    console.log(elementId);
  });
});

해결책:

jQuery에서 event.target 속성은 항상 이벤트를 트리거한 요소를 가리킵니다.

$(document).ready(function() {
    $("a").click(function(event) {
        var elementId = event.target.id;
        console.log(elementId);
    });
});

또는 jQuery 없이 이벤트 핸들러 내에서 이를 사용할 수 있지만 추가 jQuery를 위해서는 jQuery 객체로 변환해야 합니다. 사용법:

$(document).ready(function() {
    $("a").click(function(event) {
        $(this).append(" Clicked");
    });
});

위 내용은 JavaScript 이벤트를 트리거한 요소를 어떻게 확인할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.