이벤트 처리기를 자바스크립트 프로퍼티로 표현하는 것의 장점
1. 자바스크립트 코드와 HTML이 서로 섞이지 않게 하여, 모듈성을 높여주고 더 깔끔하고 관리하기 쉽게 만들어 준다.
2. 이벤트 처리기 함수를 동적으로 만들 수 있다.
addEventListener()
이벤트 처리기에 이벤트 처리기 함수를 추가한다. 이는 IE를 제외한 모든 최신 브라우저에서 지원되는 DOM 표준 메서드이다.
1. 자바스크립트 코드와 HTML이 서로 섞이지 않게 하여, 모듈성을 높여주고 더 깔끔하고 관리하기 쉽게 만들어 준다.
2. 이벤트 처리기 함수를 동적으로 만들 수 있다.
addEventListener()
이벤트 처리기에 이벤트 처리기 함수를 추가한다. 이는 IE를 제외한 모든 최신 브라우저에서 지원되는 DOM 표준 메서드이다.
if (el.addEventListener){
el.addEventListener('click', modifyText, false);
} else if (el.attachEvent){
el.attachEvent('onclick', modifyText);
}



덧글