이벤트 기본 정리

Yeongsan Son·2021년 4월 19일
0

1 이벤트 핸들러 등록

  • Eelement.addEventListener(type, handler:function)

2 이벤트 핸들러 삭제

  • addEventListener 사용한 경우: Element.removeEventListener(type, handler:function)

3 이벤트 객체

  • 이벤트가 발생하면 핸들러 함수에 파라미터로 이벤트 객체가 전달
  • 이벤트 종류마다 프로퍼티 별개

4 이벤트 버블링

  • 부모 요소로 이벤트가 전파
  • 버블링 막는 메소드: event.stopPropagation

5 이벤트 위임

  • 자식 요소에서 일일히 이벤트 핸들러를 등록할 필요 없이 부모 요소에서 이벤트를 한번에 관리 가능

6 브라우저의 기본 동작

  • 링크(a태그) 클릭 시 href 경로로 이동함
  • 마우스 우 클릭 시 메뉴창
  • input 태그에 입력되는 문자
  • 등등...
  • 기본 브라우저 동작을 막는 방법: event.preventDefault()
profile
매몰되지 않는 개발자가 되자

0개의 댓글