12.6.2 이벤트 등록하기

이벤트가 발생할 때 어떤 작업을 할지 자바스크립트 코드로 작성하는 것을 이벤트 등록이라고 합니다. 이벤트를 등록하는 방법은 크게 3가지로 정리할 수 있습니다. 인라인, 프로퍼티 리스너, 이벤트 등록 메서드로 이벤트를 등록하는 것을 자세히 알아봅시다.

● 인라인 방식으로 이벤트 등록하기

인라인 방식은 HTML 태그에 속성으로 이벤트를 등록하는 방법입니다. 예를 들면 다음 코드는 onclick 이벤트를 button 태그의 속성으로 사용합니다. 속성값으로는 이벤트가 발생할 때 실행될 함수를 지정합니다. 버튼을 클릭해 보면 clickEvent() 함수가 실행되어 웹 브라우저에 경고창이 출력됩니다.

<button onclick="clickEvent()">클릭</button>
<script>
  function clickEvent(){
    alert("click");
  }
</script>

그림 12-40 실행결과