DOM 객체의 이벤트 리스너 프로퍼티에 함수 등록


마우스 올리면 orchid 색으로 변경

HTML 태그에 리스너 작성


마우스 올리면 orchid 색으로 변경

마우스를 올려 보세요

이벤트의 디폴트 행동 취소


네이버로 이동할 지 물어보는 링크
빵(체크 됨)
술(체크 안됨)

마우스 관련 이벤트 리스너


마우스 관련 이벤트 가 발생합니다.

oncontextmenu에서 컨텍스트 메뉴 금지


마우스 오른쪽 클릭은 금지됩니다. 아무곳이나 클릭해도 컨텍스트 메뉴를 볼 수 없습니다.

new Image()로 이미지 로딩


이미지를 클릭하면 다음 이미지를 보여줍니다.

.

물품을 선택하면 금액이 자동 계산됩니다


모자 1만원 구두 3만원 명품가방 8만원
지불하실 금액

select 객체에서 선택한 과일 출력


과일을 선택하면 이미지가 출력됩니다.

키 리스너와 키 이벤트 객체의 프로퍼티


텍스트 창에 키를 눌러 보세요. Alt, Shift, Ctrl 키도 가능합니다.