jQuery event.stopPropagation() 메서드

❮ jQuery 이벤트 메소드

예시

클릭 이벤트가 상위 요소로 버블링되는 것을 중지합니다.

$("span").click(function(event){
  event.stopPropagation();
  alert("The span element was clicked.");
});
$("p").click(function(event){
  alert("The p element was clicked.");
});
$("div").click(function(){
  alert("The div element was clicked.");
});

정의 및 사용

event.stopPropagation() 메서드는 상위 요소에 대한 이벤트 버블링을 중지하여 상위 이벤트 핸들러가 실행되는 것을 방지합니다.

팁: event.isPropagationStopped() 메서드를 사용 하여 이벤트에 대해 이 메서드가 호출되었는지 확인합니다.


통사론

event.stopPropagation()

Parameter Description
event Required. The event parameter comes from the event binding function

❮ jQuery 이벤트 메소드