jQuery에서 이벤트 수신은 웹 페이지의 응답 메커니즘을 구현하는 데 사용되는 일반적인 방법입니다. 특정 이벤트를 청취하여 해당 이벤트가 트리거되면 해당 코드가 실행될 수 있습니다.
jQuery에서는 이벤트 청취를 구현하는 두 가지 방법이 있습니다: 이벤트 바인딩과 이벤트 위임. 아래에서는 이 두 가지 방법을 사용하는 방법과 주의사항에 대해 자세히 설명합니다.
1. 이벤트 바인딩
이벤트 바인딩은 요소가 이벤트를 트리거하면 해당 코드가 실행됩니다. jQuery에서 이벤트 바인딩은 on() 메서드 또는 바인딩() 메서드를 사용할 수 있습니다. 예를 들면 다음과 같습니다.
$(selector).on(event, function) $(selector).bind(event, function)
여기서 선택기는 이벤트가 바인딩되는 요소를 나타내고, 이벤트는 바인딩할 이벤트를 나타내고, 함수는 바인딩할 이벤트를 나타냅니다. 이벤트가 트리거되면 실행됩니다. 예를 들어, 테스트 ID를 가진 요소에 클릭 이벤트를 바인딩하고 요소를 클릭할 때 경고 상자를 트리거하려면 다음과 같이 작성할 수 있습니다.
$('#test').on('click', function() { alert('click'); });
참고:
2. 이벤트 위임은 이벤트를 조상 요소에 바인딩하는 것을 의미하며, 조상 요소의 하위 요소가 이벤트를 트리거하면 해당 코드가 실행됩니다. jQuery에서는 on() 메서드나 Delegate() 메서드를 사용하여 이벤트 위임을 구현할 수 있습니다. 예를 들면 다음과 같습니다.
$(ancestorSelector).on(event, descendantSelector, function) $(ancestorSelector).delegate(descendantSelector, event, function)
그 중 AncestorSelector는 조상 요소의 선택자를 나타내고,DescendantSelector는 자손 요소의 선택자를 나타내며, event 는 바인딩할 이벤트를 나타내고, 함수는 이벤트가 트리거될 때 실행되는 함수를 나타냅니다. 예를 들어, ID가 test인 요소 아래의 모든 a 태그에 클릭 이벤트를 바인딩하고 a 태그가 클릭될 때 경고 상자를 트리거하려면 다음과 같이 작성할 수 있습니다.
$('#test').on('click', 'a', function() { alert('click'); });
참고:
이벤트 위임은 바인딩 이벤트를 줄일 수 있습니다. 바인딩 이벤트의 효율성을 향상시키는 시간입니다.이벤트 바인딩을 사용하든 이벤트 위임을 사용하든 다음 사항에 주의해야 합니다.
선택기 사용은 정확해야 합니다. 그렇지 않으면 이벤트가 올바르게 바인딩되지 않을 수 있습니다.위 내용은 jquery에서 이벤트 모니터링을 호출하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!