AddEventLisener는 dom객체 API의 일부분이다.
종류는 많치만 자주 쓰이는 것 14가지만 정리 해보려고 한다.
문법 = 요소.AddEventLisener('원하는효과', 실행문 )
ex) 공식은 요소.AddEventLisener('click', function(){})
- click
: 마우스로 버튼을 클릭하고 버튼에서 손가락을 떼면 발생하는 이벤트.
- mouseover
: 마우스가 HTML요소 위에 올리면 발생하는 이벤트.
- mouseout
: 마우스가 HTML요소 밖으로 벗어날 때 발생하는 이벤트.
- mousedown
: 사용자가 해당 요소에서 마우스 버튼을 눌럿을 때 발생하는 이벤트.
- mousemove
: 사용자가 해당 요소에서 마우스를 움직였을 때 발생하는 이벤트.
- mouseover
: 사용자가 마우스를 해당 요소 바깥에서 안으로 옮겼을 때 발생하는 이벤트.
- mouseout
: 사용자가 마우스를 해당 효소 안에서 바깥으로 옮겼을 때 발생하는 이벤트.
- mouseenter
: 사용자가 마우스를 해당 요소 바깥에서 안으로 옮겼을 때 발생하지만 버블링이 발생하지 않는다.
- focus
:HTML 요소에 포커스가 갔을 때 발생한다
- blur
: HTML 요소에 포커스가 벗어났을때 발생한다.
- keypress
: 키를 누르는 순간에 발생하고 키를 누르고 있는 동안 계속 발생한다.
- keydown
: 키를 누를 때 발생한다.
- keyup
: 키를 눌럿다가 떼는 순간에 발생한다.
- scroll
: 스크롤바를 드래그하거나 키보드(up, down)을 사용하거나 마우스 휠을 사용해서 웹페이지를 스크롤할 때 발생한다. 페이지에 스크롤바가 없다면 이벤트는 발생하지 않는다.
- unload
: 링크를 클릭해서 다른페이지로 이동하거나 브라우저 탭을 닫을 때 혹은 브라우저 창을 닫을 때 이벤트가 발생한다.
- change
: 폼 필드의 상태가 변경되었을 때 발생한다. 라디오 버튼을 클릭하거나 셀렉트 박스에서 값을 선택하는 경우에 사용한다.
