[JavaScript] 이벤트

이벤트

---

이벤트랑 사용자가 웹페이지에서 행하는 어떠한 행위나 웹페이지가 겪는 일련의 사건을 의미

- 행위 : 클릭, 마우스 이동, 드래그 등

- 사건 : 로딩완료, 다른 페이지 이동

이벤트가 발생했을 때, 호출될 함수를 정의하고 연결하는 과정을 이벤트 처리라고 한다.

대표적인 이벤트 종류

이벤트 이름	설명
onClick	어떤 요소를 클릭한 경우
onMouseOver	어떤 요소 위에 마우스 커서가 올라가 있는 경우
onMouseOut	어떤 요소 위에 마우스 커서가 벗어난 경우
onLoad	(body태그에 적용하여) 페이지의 로딩이 완료된 직후

이벤트 사용 방법

javascript 함수를 미리 정의해 두고 HTML태그의 속성형태로 이벤트 이름을 명시한 다음 함수의 호출구문을 속성에 대한 값으로 지정한다.

1. JavaScript 구문에 함수 정의

function foo(){
    alert("Hello World");
}

2. HTML Body태그 내에서 사용.

<!-- <태그이름 이벤트이름="함수호출"> -->
<input type="button" value="click" onclick="foo()" />