이벤트

DONI·2021년 11월 7일
0

JavaScript / jQuery

목록 보기
5/18
post-thumbnail

🏹 이벤트 (Event)

마우스나 키보드를 조작하여 기능을 실행하는 동작, 행위

  • 이벤트 리스너 (Event Listener)
    : 이벤트가 발생했을 때 실행할 속성

  • 이벤트 핸들러 (Event Handler)
    : 이벤트 리스너에 연결된 이벤트 처리를 담당하는 실행 함수


🏹 이벤트 모델

  • 인라인 이벤트 모델
    : HTML 태그에 직접 이벤트를 작성하는 방법으로,
     유지 보수가 힘들다는 단점이 있음

  • 고전 이벤트 모델
    : 요소가 가지고 있는 이벤트 속성에 이벤트 핸들러를 연결하는 방법으로,
     하나의 이벤트 리스너에 하나의 이벤트 핸들러만 연결하여 처리할 수 있다는 단점이 있음
     (여러 이벤트 핸들러를 지정한 경우 마지막 이벤트 핸들러만 적용)


  • 표준 이벤트 모델addEventListener()
    : W3C에서 공식적으로 지정한 이벤트 모델로, 고전 이벤트 모델의 단점을 보완
     IE는 9버전 이상부터만 사용 가능


🏹 이벤트 발생 객체 (e, event)

이벤트 핸들러의 매개변수로, 이벤트 정보를 전달하는 객체

프로퍼티설명
target이벤트가 발생한 요소
  == this 참조변수
profile
틀린 내용이 있다면 댓글 또는 이메일로 알려주세요 ❤ꔛ❜

0개의 댓글