[Event] JQ - event.isPropagationStopped() 메서드 - event.stopPropagation() 메서드이 이벤트 객체에 대해 호출되었는지를 반환

1. event.isPropagationStopped() 예제 - 확산 방지 사용 여부 체크.
2. event.isPropagationStopped() 정의
3. event.isPropagationStopped() 구문

event.isPropagationStopped() 예제 - 확산 방지 사용 여부 체크.

 

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

<script>

$(document).ready(function(){

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

    event.stopPropagation();

    alert("event.stopPropagation() 사용: " +  event.isPropagationStopped());

  });

});

</script>

<style>

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

</style>

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

 

결과보기

event.isPropagationStopped() 정의

 

event.stopPropagation() 메서드가 이벤트 확산 방지 위해 이벤트에 사용되었는지 여부를 반환. (※ 사용된 경우엔 true 반환, 안 된 경우엔 false 반환.)

 

event.isPropagationStopped() 구문

 

event.isPropagationStopped()

 

---

[매개변수]

 

event

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