이벤트 등록

최정은·2020년 12월 28일
0

Web

목록 보기
1/7
post-custom-banner

HTML 속성 (잘 쓰이지 않는다.)

  • HTML 안에 on 속성에 핸들러를 할당할 수 있다.
  • 등록시 함수를 실행하는 코드로 등록해야한다.
    • 브라우저는 속성값을 읽고 속성값을 함수 본문으로 하는 핸들러 함수를 만들기 때문이다.
    onclick = function(){
      say();
    }

DOM 프로퍼티

  • element.on로 할당 가능하다.
  • 중복 이벤트 핸들러 등록이 불가능하다. 만약 이미 등록된 핸들러에 다른 핸들러를 등록하게 된다면 덮어쓰게된다.
  • 이벤트 해제를 원한다면 element.onclick = null로 null을 대입한다.
  • 이벤트를 등록할 땐 function 으로 등록해야한다.

addEventListener

  • HTML 속성이나 DOM 프로퍼티완 다르게 하나의 이벤트에 여러개의 핸들러를 등록할 수 있다.
  • 핸들러 삭제는 removeEventListener로 삭제하면 된다.
post-custom-banner

0개의 댓글