웹페이지에 이벤트가 종류가 있어요.
UI 이벤트 , 키보드 이벤트 , 마우스 이벤트, 포커스 이벤트, 폼이벤트 , 변형이벤트 에요.
UI이벤트종류
LOAD -> 페이지가 로드되었을때
UNLOAD -> 페이지가 언로드될때 (새로운페이지로 이동시)
ERROR -> 스크립트 오류발생시
RESIZE -> 브라우저 창 크기 조절시
SCROLL -> 페이지 스크롤 이동시
키보드 이벤트
keydown -> 키 보드 다운시
keyup -> 키보드 땔때
keypress -> 키보드 누르고 있을때
마우스이벤트
click -> 클릭시
dbclick-> 더블 클릭시
mousedown -> 마우스 버튼을 누를때
mouseup-> 마우스 버튼을 땔때
mousemove -> 마우스가 움직일때
mouseover->마우스가 요소위로 움직였을때
mouseout -> 요소 밖으로 마우스가 이동시.
포커스 이벤트
focus/focusin -> 요소가 포커스를 얻었을때
blur/focusout->요소가 포커스를 잃었을때
폼이벤트
input -> 값이 변경될때
change -> 상태가 변경될때
submit -> 폼을 제출시
reset -> 리셋버튼 클릭시
cut -> 컨텐츠 잘라내기를 했을때
copy -> 복사했을때
paste -> 붙여넣기했을때
select -> 텍스트를 선택시
변형이벤트
dom구조 변경시
'JAVASCRIPT 자바스크립트' 카테고리의 다른 글
javascript scroll to top of page 자바스크립트 페이지 탑이동 (0) | 2020.05.12 |
---|---|
자바스크립트 이벤트 사용 (0) | 2020.05.11 |
자바스크립트 window 객체 값 (0) | 2020.05.11 |
자바스크립트 document 문서 객체 모델 (0) | 2020.05.11 |
자바스크립트 브라우저객체모델 window (0) | 2020.05.11 |