JavaScript는 다른 언어들의 문법들과 비슷한 느낌이다.
다른 언어들을 이미 배웠다면 많은 기본적인 문법이 비슷하다고 느낄것이다.
그러므로 JavaScript에서 사용할 수 있는 이벤트함수나 객체, 메서드 등 편하게 쓸수 있는 기능들을 알아보자.
이벤트
input type="button" on이벤트명 = ""와 같이 사용할 수 있다.
이벤트 종류
마우스 이벤트
- click : 마우스 클릭 시 이벤트 발생
- dbclick : 마우스 더블클릭 시 이벤트 발생
- mouseover : 요소에 마우스를 오버했을 때(올라갔을 때) 이벤트 발생
- mouseout : 요소에서 마우스가 아웃되었을 때(나갔을 때) 이벤트 발생
- mousedown : 요소에서 마우스를 눌렀을 때 이벤트 발생
- mouseup : 요소에서 마우스를 떼었을 때 이벤트 발생
- mousemove : 요소 위에서 마우스를 움직였을 때 이벤트 발생
- contextmenu : 마우스 오른쪽 버튼을 눌렀을 때 나오는 메뉴가 나오기 전에 이벤트 발생
키보드 이벤트
- keydown : 키보드 버튼을 눌렀을 때 이벤트 발생
- keyup : 키보드 버튼을 눌렀다가 떼었을 때 이벤트 발생
- ketpress : 키보드 버튼을 누르고 있을 때 이벤트 발생
폼(포커스) 이벤트
- focus : 요소에 포커스가 이동되었을 때 이벤트 발생
- blur : 요소에서 포커스가 벗어났을 때 이벤트 발생
- change : 요소의 값이 변경 되었을 때 이벤트 발생
- submit : submit버튼을 눌렀을 때 이벤트 발생
- reset : reset버튼을 눌렀을 때 이벤트 발생
- select : input이나 textarea안의 요소를 드래그하거나 선택했을 때 이벤트 발생
로드 및 기타이벤트
- load : 페이지의 로딩이 완료되었을 때 이벤트 발생
- abort : 페이지의 로딩이 중단되었을 때 이벤트 발생
- unload : 페이지가 다른 곳으로 이동될 때 이벤트 발생
- resize : 요소의 사이즈가 변경되었을 때 이벤트 발생
- scroll : 스크롤 바를 움직였을 때 이벤트 발생