HTML 속성 (잘 쓰이지 않는다.)
- HTML 안에 on 속성에 핸들러를 할당할 수 있다.
- 등록시 함수를 실행하는 코드로 등록해야한다.
- 브라우저는 속성값을 읽고 속성값을 함수 본문으로 하는 핸들러 함수를 만들기 때문이다.
onclick = function(){
say();
}
DOM 프로퍼티
- element.on로 할당 가능하다.
- 중복 이벤트 핸들러 등록이 불가능하다. 만약 이미 등록된 핸들러에 다른 핸들러를 등록하게 된다면 덮어쓰게된다.
- 이벤트 해제를 원한다면 element.onclick = null로 null을 대입한다.
- 이벤트를 등록할 땐 function 으로 등록해야한다.
addEventListener
- HTML 속성이나 DOM 프로퍼티완 다르게 하나의 이벤트에 여러개의 핸들러를 등록할 수 있다.
- 핸들러 삭제는 removeEventListener로 삭제하면 된다.