• 회원가입
  • 로그인

[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

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

 

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012