JS target과 currentTarget의 차이점 설명

1098 단어
 
  

click outer

click inner






<br>function G(id){ <br>return document.getElementById(id); <br>} <br>function addEvent(obj, ev, handler){ <br>if(window.attachEvent){ <br>obj.attachEvent("on" + ev, handler); <br>}else if(window.addEventListener){ <br>obj.addEventListener(ev, handler, false); <br>} <br>} <br>function test(e){ <br>alert("e.target.tagName : " + e.target.tagName + "
e.currentTarget.tagName : " + e.currentTarget.tagName); <br>} <br>var outer = G("outer"); <br>var inner = G("inner"); <br>//addEvent(inner, "click", test); <br>addEvent(outer, "click", test); <br>


위의 예시에서 outer에서 눌렀을 때 e.target은 e.currentTarget와 같고div이다.inner에서 눌렀을 때 e.target은 p이고 e.currentTarget은div입니다.

좋은 웹페이지 즐겨찾기