javascript html문서로드 후 이벤트 발생

javascript html문서로드 후 이벤트 발생

보통 일반적으로 jquery를 import 해서 사용중일때 아래와 같이 처리 하곤한다.

$(document).ready(function () {
 console.log('event!!');
});

 

jquery를 사용할수 없고 문서를 로드후에 스크립트 이벤트를 처리하고 싶을때가 당연히 있을것이다.

그럴때는 DOMContentLoaded 이벤트를 사용하면 된다.

pure javascript 에서 동작하니 참으로 좋다.

 

document.addEventListeners('DOMContentLoaded', function () {
console.log('event');
})

 

브라우저 호환성은 아래와 같다.

 

크롬은 1버전부터 full 전체 다 지원하니, IE 9 버전이상에서만 해당 이벤트가 작동 한다는 점을 유념하면 되겠다.