jQuery 이벤트의 소스 요소를 어떻게 식별할 수 있나요?

이벤트 소스 식별

이벤트가 발생하면 이벤트를 촉발한 요소의 ID를 확인하는 것이 바람직한 경우가 많습니다. 이는 이벤트 소스를 기반으로 특정 작업을 수행하는 데 특히 유용합니다.

jQuery에서는 event.target 속성을 활용하여 이벤트를 발생시킨 요소의 ID를 얻을 수 있습니다. 이 속성은 이벤트의 직접적인 소스를 나타냅니다.

구현 예

다음 JavaScript 코드를 고려하세요.

$(document).ready(function() {
    $("a").click(function(event) {
        var elementId = event.target.id;
        console.log("ID of the element that fired the event: " + elementId);
    });
});

이 코드에서 요소를 클릭하면 클릭 이벤트 핸들러가 호출됩니다. 이벤트 매개변수가 핸들러에 전달되고, 클릭한 요소의 ID를 얻기 위해 event.target.id 속성이 검색됩니다. 그런 다음 이 ID는 표시를 위해 콘솔에 기록됩니다.

참고:

event.target 속성은 실제 DOM 요소를 참조합니다. 요소에 대해 jQuery 작업을 수행하려면 $(this)를 사용하여 요소를 jQuery 개체로 래핑해야 합니다. 예:

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

위 내용은 jQuery 이벤트의 소스 요소를 어떻게 식별할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!