[Event] JQ - event.stopImmediatePropagation() 메서드 ★★★ - 다른 이벤트 실행 차단. + 이벤트 확산 방지. (= 이벤트.스탑이미디이트프라퍼게이션 메서드)

1. event.stopImmediatePropagation() 예제
2. event.stopImmediatePropagation() 정의
3. event.stopImmediatePropagation() 구문

event.stopImmediatePropagation() 예제

※ 1번째 이벤트만 실행시키고, 2~3번째는 이벤트 실행 차단.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

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

    alert("코딩언어 강의");

    event.stopImmediatePropagation();

  });

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

    alert("그누보드 강의");

  });

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

    alert("서버관리 강의");

  });

});

</script>

<style>

div {height:100px;width:300px;padding:10px;border:1px solid blue;background-color:lightblue;}

</style>

<div>홈짱닷컴 Homzzang.com (클릭)</div>

결과보기

event.stopImmediatePropagation() 정의

 

※ 아래 2가지 역할을 모두 수행.

① 나머지 이벤트 실행을 차단. 

② 이벤트 확산(= 이벤트 버블링)을 방지.

 

---

cf.

event.isImmediatePropagationStopped() 메서드

: event.stopImmediatePropagation()  메서드가 사용되었는지 체크.

 

event.stopImmediatePropagation() 구문

 

event.stopImmediatePropagation()

 

---

[매개변수]

 

event

필수. 이벤트에 바인딩 된 함수에서 가져옴.