객체나 요소에 프로퍼티로 등록하는 방법 - 자바스크립트 코드에서 프로퍼티로 등록하는 방법, HTML 태그에 속성으로 등록하는 방법

 

 

객체나 요소에 프로퍼티로 등록하는 방법

객체나 요소에 프로퍼티로 이벤트 리스너를 등록할 때는 다음과 같은 방법을 사용할 수 있습니다.

 

·       자바스크립트 코드에서 프로퍼티로 등록하는 방법

·       HTML 태그에 속성으로 등록하는 방법

 

 

자바스크립트 코드에서 프로퍼티로 등록

·       이벤트의 대상이 되는 객체나 요소에 자바스크립트 코드에서 프로퍼티로 등록하는 방법은 거의 모든 브라우저가 대부분의 이벤트 타입을 지원하고 있습니다.

·       이 방법은 이벤트 타입별로 오직 하나의 이벤트 리스너만을 등록할 수 있습니다.

 

 

 

 

HTML 태그에 속성으로 등록

·       HTML 태그의 속성에 이벤트를 처리하는 방식으로 인라인 이벤트 처리방식이라고도 합니다.

·       이 방법은 HTML 코드에 자바스크립트 코드가 추가됨으로써 가독성이 안 좋아지며, 유지보수도 힘들어진다는 단점이 있습니다.

 

핸들러 형식

on이벤트이름 = "자바 스크립트 코드"

 

onLoad = "alert('문서 열림')" onUnload="alert('문서 닫힘')"