39 자바스크립트에서 이벤트 핸들러 설정하기
지난 강에 이어서 이벤트 핸들러를 등록하는 방법을 몇 가지 더 배워 보겠습니다.
이번에는 HTML 엘리먼트의 속성으로 이벤트 핸들러를 등록하는 대신 자바스크립트 코드에서 DOM 엘리먼트를 얻어 오고 그 엘리먼트의 속성(property)에 직접 이벤트 핸들러를 등록해 보겠습니다. 더불어 addEventListener() 메서드를 이용하는 방법도 알아보겠습니다.
앞에서 onclick 이벤트를 실습했으므로 여기서는 form 태그에서 발생하는 onsubmit 이벤트를 실습해 보겠습니다.
다음과 같이 a.html과 b.html 파일을 작성하여 저장합니다.