내일배움캠프 LGLG!
3주차(프로그래밍 기초)
오늘은 드디어 개인프로젝트를 완성했다!
뿌듯하기도 하고 아쉽기도 하지만
앞으로 남은 프로젝트들도 있기에 욕심부리지 말고 다른 공부를 더 해보려고 한다!
자바스크립트에서 자주 사용하는 이벤트 종류
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
click - 마우스 버튼 클릭 후 버튼에서 손을 떼면 발생
mouseover - 마우스를 HTML 요소 위에 올리면 발생
mouseout - 마우스가 HTML 요소 밖으로 벗어날 때 발생
mousedown - 클릭을 하기 위해 마우스 버튼을 누르고 아직 떼기 전인 순간,
HTML 요소를 드래그할 때 사용
mouseup - 마우스 버튼을 떼는 순간,
드래그한 HTML 요소를 어딘가에 놓을 때 사용
mousemove - 마우스가 움직일때마다 발생,
마우스 커서의 현재 위치를 기록하는 것에 사용
focus - HTML 요소에 포커스가 갔을 때 발생
blur - HTML 요소가 포커스에서 벗어났을 때 발생
keypress - 키를 누르는 순간에 발생하고 키를 누르고 있는 동안 계속해서 발생
keydown - 키를 누를 때 발생
keyup - 키를 눌렀다가 떼는 순간에 발생
load - 웹페이지에서 사용할 모든 파일의 다운로드가 완료되었을 때 발생
resize - 브라우저 창의 크기르 조정할 때 발생
scroll - 스크롤바를 드래그하거나 키보드(up, down)를 사용하거나 마우스 휠을 사용해서 웹페이지를 스크롤할 때 발생,
페이지에 스크롤바가 없다면 이벤트는 발생하지 않음
unload - 링크를 클릭해서 다른 페이지로 이동하거나 브라우저 탭을 닫을 때 혹은 브라우저 창을 닫을 때 이벤트가 발생
change - 폼 필드의 상태가 변경 되었을 때 발생,
라디오 버튼을 클릭하거나 셀렉트 박스에서 값을 선택하는 경우를 예로 들수 있음