[JS] -이벤트

출처 - 이고잉님의 인프런 강의 [ WEB2 - JavaScript ]

 

이벤트

웹브라우저 위에서 일어나는 일들을 사건 즉 Event라고 한다. 

빨간 동그라미 친 부분이 이벤트이다.

어떤 이벤트가 일어났을 때 어떠한 JS가 실행되도록 하는 것이 바로 이 onclick이라는 것이다.

onclick 속성을 활용한 예시를 보자

위의 사진처럼 버튼을 누르게 되면 버튼을 눌렀다는 경고창이 나타나게 된다.

다른 이벤트로는 onchanged, onkeydown 등이 있는데 이것들도 모두 이벤트이다.

onchanged 속성

keydown 속성

그러면 웹브라우저에서 일어날 수 있는 이벤트들은 무수히 많다.

웹브라우저는 웹브라우저 위에서 일어나는 여러 사건 중에, 기념할 만한 것들 (사용자들에게 유용할만한) 몇 가지, 

약 10~20개 정도 되는 이벤트들을 정의해 놓고 있다.

우리는 이러한 이벤트들을 이용해서 사용자와 상호삭용하는 웹페이지를 만들 수 있다.