>  기사  >  웹 프론트엔드  >  IE 이벤트 전달-event.cancelBubble 예제 소개_javascript 기술

IE 이벤트 전달-event.cancelBubble 예제 소개_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:04:081210검색

event.cancelBubble의 경우, HTML의 객체는 계층 구조이므로, 예를 들어 테이블에는 여러 TR이 포함되고, TR에는 여러 TD가 포함됩니다.
버블은 마우스 클릭과 같이 하위 노드에서 상위 노드로 전달될 수 있는 이벤트입니다. TD가 생성되고 현재 event.srcElement는 이 TD입니다. 그러나 이 버블링 메커니즘을 사용하면 TR 또는 Table에서 클릭 이벤트를 가로챌 수 있지만 event.cancelBubble을 사용하면 이벤트를 업로드할 수 없습니다.
예:

코드 복사 코드는 다음과 같습니다.








< td width="106">메시지 업로드 차단
일반

/ body>




event.cancelBubble은 이벤트 버블링을 방지합니다. event.cancelBubble=true; IE에서는 이벤트 버블링을 취소합니다. 이벤트 메커니즘에서는 트리거 이벤트가 하위 요소에서 상위 요소로 단계별로 업로드됩니다. 즉, 하위 요소가 클릭 이벤트를 트리거하면 상위 요소의 클릭 이벤트도 트리거됩니다. =true; 이벤트가 계속되는 것을 중지하여 Ie의 이벤트 전달이 아래에서 위로 진행되도록 추가할 수 있습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.