이벤트(EVENT)

1. 이벤트(EVENT)란?

이벤트는 어떤 사건을 의미한다. 예를들어 버튼을 클릭하거나, 키보드를 눌렀다 땠을 때 같은 것인데 이런 이벤트가 발생하면 그에 맞는 반응이 있어야한다.

이벤트 핸들러(event handler)
이벤트에 대해 즉각적인 반응을 할 수 있게 하는 것이다.

이벤트는 일반적으로 함수에 연결되어 이벤트에 연결되기 전까지는 함수가 실행되지 않다가 이벤트가 발생되면 실행된다.

*이벤트 이름에 on이 붙으면 이벤트속성(해당 이벤트가 발생하면 실행코드가 실행)이 된다. (ex: click => / onclick)

이벤트를 공부할 때 사용했던 것들을 정리해봤다.

윈도우 이벤트 : 브라우저에 변화가 생겼을 때

lode : 웹페이지의 로드가 완료됐을 때
resize : 창의 크기를 조절했을 때
scroll : 페이지를 스크롤할 때
online, offline : 사용자의 네트워크가 온라인일때 , 오프라인일 때

마우스 이벤트 : 사용자가 마우스로 조작했을 때

click : 마우스 버튼을 클릭했을 때
mouseenter : 지정한 요소에 마우스 커서를 올려놓았을 때

키보드 이벤트 : 사용자가 키보드로 조작했을 때

keyup : 누르던 키를 땠을 때
keypress : 키를 누르고 땠을 때

form 이벤트 : form 태그와 관련된 이벤트

submit : form의 정보를 서버로 전송할 때 발생한다.

이벤트 핸들러 등록방법