jQuery 없이 동적으로 생성된 요소에 대해 이벤트 수신을 수행하는 방법은 무엇입니까?

jQuery 없이 동적으로 생성된 요소에서 이벤트 수신

외부 페이지 작업 시 동적으로 생성된 요소에 이벤트 리스너를 추가하는 것이 어려울 수 있습니다. 이러한 시나리오에서는 이벤트 처리 위임이 중요합니다.

한 가지 접근 방식은 event.target 속성을 사용하여 클릭되거나 트리거된 요소가 원하는 유형인지 확인하는 것입니다. 예는 다음과 같습니다.

<code class="javascript">document.querySelector('body').addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'li') {
    // Execute desired action on encountered 'li' elements
  }
});</code>

참고: 이 접근 방식에서는 원하는 요소가 요소. 다른 컨테이너 내에 중첩되어 있는 경우 선택기를 적절하게 조정하세요.

주의 사항:

• 이 방법은 표준 호환 브라우저(예: IE9)에만 적용됩니다. .
• 이전 IE 버전(예: IE8)의 경우, attachmentEvent를 사용하여 적절한 기본 함수 주위에 사용자 정의 래퍼가 필요할 수 있습니다.

위 내용은 jQuery 없이 동적으로 생성된 요소에 대해 이벤트 수신을 수행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!