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

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

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

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

참고: 이 접근 방식은 원하는 요소가

주의 사항:

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