웹 브라우저가 진화하면서 지원하는 이벤트 수도 점점 늘어나고 있습니다. 하지만 이벤트 종류가 다양해져도 이벤트를 처리하는 방법은 모두 같습니다.
잠깐만요 이벤트와 이벤트 핸들러
브라우저에서 다양한 이유(사용자 조작이나 장치 환경의 변화 등)로 발생하는 사건을 이벤트(event)라고 합니다. 그리고 이러한 이벤트에 대처하는 프로그램을 이벤트 핸들러(event handler)라고 합니다. 주로 함수 하나로 구성됩니다. 여기서는 지면이 한정되어 있어 몇 가지 이벤트를 처리하는 예제만 다루고 넘어가지만 필요하다면 해당하는 이벤트를 검색하고 해당하는 이벤트를 처리하는 프로그램을 작성해 보세요.
이벤트 핸들러를 등록하는 방법은 여러 가지가 있지만 가장 쉬운 방법은 HTML 태그에 속성으로 등록하는 방법입니다.
다음과 같이 HTML 문서를 만들고 브라우저에 로드합니다.
코드 html.html
<html>
<head>
<meta charset = "utf-8">
</head>
<body>
<h1> HTML 태그 속성에 이벤트 핸들러 추가하기 </h1>
<input type = "text">
</body>
</html>