event.currentTarget 및 이벤트target의 차이

1110 단어
event.currentTarget는 이벤트에 연결된 요소를 가리키며 이벤트를 가리킨다.target은 항상 이벤트가 발생하는 요소를 가리킨다.
HTML 코드:
<div id="wrapper"> 
    <a href="#" id="inner">click here!</a> 
</div>

javascript 코드:
<script type="text/javascript" src="source/jquery.js"></script> 
<script> 
    $('#wrapper').click(function(e) { 
        console.log('#wrapper'); 
        console.log(e.currentTarget); 
        console.log(e.target); 
    }); 
    $('#inner').click(function(e) { 
        console.log('#inner'); 
        console.log(e.currentTarget); 
        console.log(e.target); 
    }); 
</script>

위의 테스트 출력은 다음과 같습니다.
1. 클릭 시 here!클릭이 위로 올라갈 때 다음과 같이 출력됩니다. #inner click here! click here! #wrapper 
 click here! 
2. 클릭 시 here!클립이 위로 올라갈 때 다음과 같이 출력됩니다: #wrapper

좋은 웹페이지 즐겨찾기