JavaScript 14. DOMContentLoaded 이벤트 / target , currentTarget
3424 단어 JavaScriptJavaScript
DOMContentLoaded
돔트리구성이 모두 완료된 시점에 발생하는 이벤트
DOMContentLoaded 이벤트를 사용하면 DOM tree를 먼저 구성한 후 실행하기 때문에 HTML 전에 자바스크립트를 작성해도 실행에 문제가 없다.
document.addEventListener('DOMContentLoaded', function(){
모든 js 코드 입력
});
target / currentTarget
- target : 실제 이벤트가 발생하는 요소 (클릭된 태그를 반환)
- currenTarget : 이벤트를 등록해 놓은 요소 (이벤트가 적용된 태그를 반환)
<div class="box">
<p>box<p>
</div>
<script>
let myBox = document.getElementById('.box');
myBox.addEventListener('click',function(e){
console.log('currentTarget : ',e.currentTarget);
console.log('Target :',e.target);
});
</script>
currentTarget은 이벤트가 등록된 div를, target은 이벤트가 발생하는 p태그를 반환한다.
Author And Source
이 문제에 관하여(JavaScript 14. DOMContentLoaded 이벤트 / target , currentTarget), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@roong-ra/JavaScript-14.-DOMContentLoaded-이벤트-event.target-event.currentTarget저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)