버튼을 클릭하거나 웹페이지가 로드되거나 하는 사건들이 있습니다.
아래는 대표적인 몇 가지 이벤트의 목록입니다.
이벤트 이름 | 설명 |
---|---|
change | 변동이 있을시 발생 |
click | 클릭시 발생 |
focus | 포커스를 얻었을때 발생 |
keydown | 키를 눌렀을때 발생 |
keyup | 키에서 손을 땟을때 발생 |
load | 로드가 완료 되었을때 발생 |
mousedown | 마우스를 클릭 했을때 발생 |
mouseout | 마우스가 특정 객체 밖으로 나갔을 때 발생 |
mouseover | 마우스가 특정 객체 위로 올려졌을 시에 발생 |
mousemove | 마우스가 움직였을 때 발생 |
mouseup | 마우스에서 손을 땟을때 발생 |
select | option 태그 등에서 선택을 했을때 발생 |
while(true)
문을 이용해 항시적으로 이벤트를 감지하는 방식이 아닌,
이벤트에 함수를 등록(바인딩)해두면 이벤트가 발생했을 때, 함수가 실행되는 방식을 통해 이벤트를 제어합니다.
이벤트에 함수를 등록하는 방법으로는 크게 2가지 방법이 있습니다.
HTML
상에서 on
속성을 이용하여 등록JavaScript
에서 Listener을 사용하여 등록