JavaScript 코스

이벤트

개요

프로그래밍 언어에서 이벤트란 사용자의 동작이나 프로그램상 어떤 일에 의해 발생한 사건을 의미합니다.
버튼을 클릭하거나 웹페이지가 로드되거나 하는 사건들이 있습니다.

아래는 대표적인 몇 가지 이벤트의 목록입니다.

이벤트 이름 설명
change 변동이 있을시 발생
click 클릭시 발생
focus 포커스를 얻었을때 발생
keydown 키를 눌렀을때 발생
keyup 키에서 손을 땟을때 발생
load 로드가 완료 되었을때 발생
mousedown 마우스를 클릭 했을때 발생
mouseout 마우스가 특정 객체 밖으로 나갔을 때 발생
mouseover 마우스가 특정 객체 위로 올려졌을 시에 발생
mousemove 마우스가 움직였을 때 발생
mouseup 마우스에서 손을 땟을때 발생
select option 태그 등에서 선택을 했을때 발생

이벤트 제어

while(true)문을 이용해 항시적으로 이벤트를 감지하는 방식이 아닌,
이벤트에 함수를 등록(바인딩)해두면 이벤트가 발생했을 때, 함수가 실행되는 방식을 통해 이벤트를 제어합니다.

이벤트에 함수를 등록하는 방법으로는 크게 2가지 방법이 있습니다.

  • HTML상에서 on 속성을 이용하여 등록
  • JavaScript에서 Listener을 사용하여 등록