event.stopPropagation ()

event.stopPropagation ()

설명 : 이벤트가 DOM 트리를 버블 링하지 못하도록하여 부모 핸들러가 이벤트를 통지받지 못하도록합니다.

event.isPropagationStopped()이 메서드가 (이벤트 개체에서) 호출되었는지 여부를 확인 하는 데 사용할 수 있습니다 .

이 메서드는 trigger () 로 트리거 된 사용자 지정 이벤트 에도 적용됩니다.

이렇게해도 같은 요소의 다른 핸들러 가 실행되는 것을 막을 수는 없습니다 .

추가 참고 사항 :

이 .live()메서드는 이벤트가 문서의 맨 위로 전파되면 이벤트를 처리 하므로 라이브 이벤트 전파를 중지 할 수 없습니다. 비슷하게 처리 된 이벤트 .delegate()는 위임 된 요소로 전달됩니다. DOM 트리에서 그 아래에있는 모든 요소에 바인딩 된 이벤트 핸들러는 위임 된 이벤트 핸들러가 호출 될 때까지 이미 실행되었을 것입니다. 따라서 이러한 처리기는 위임 된 처리기가 호출 event.stopPropagation()하거나 반환 하여 트리거하지 못하게 할 수 있습니다 false.

예:

click 이벤트에서 버블 링을 종료합니다.

$( "p" ).click(function( event ) {

  event.stopPropagation();

  // Do something

});