[DOM_Event] JS - composedPath() 메서드 - 이벤트객체흐름파악 (=이벤트실행객체경로파악 = 컴포우즈드패스메서드, IE제외)

composedPath() 예제

 

<style>

div {

  padding:50px;

  background-color:rgba(255, 0, 0, 0.2);

  text-align:center;

  cursor:pointer;

}

</style>

<script>

function homzzang(event) {

  alert(event.composedPath());

}

</script>

<div>홈짱닷컴

  <div onclick="homzzang(event)">Homzzang.com</div>

</div> 

 

결과보기

---

 

결과값:  

[object HTMLDivElement],

[object HTMLDivElement],

[object HTMLBodyElement],

[object HTMLHtmlElement],

[object HTMLDocument],

[object Window]