이벤트 리스너 작성 방법

1: HTML 태그에 작성하는 방법
마우스를 올리면 배경이 바뀜

2. 이벤트 리스너 등록
마우스를 올리면 배경이 바뀜

3. addEvent를 이용한 이벤트 리스너 등록
마우스를 올리면 배경색 바뀜

이벤트 객체 전달하기

마우스를 올려보세요

이벤트명 :

이벤트 객체의 프로퍼티 출력

버튼을 클릭하면 이벤트 객체를 출력합니다

디폴트의 이벤트 행동 취소

naver
빵(체크가능) 술(체크 안됨)

onclick

계산하고자 하는 수식을 입력하고 계싼 버튼을 눌러봐요




마우스 관련 이벤트 리스너


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

마우스 이벤트 객체의 프로퍼티와 onmousemove


이미지 위에 마우스를 움직일 때 onmousemove 리스너가 실행되고, 마우스의 위치를 보여줍니다.

oncontextmenu에서 컨텍스트 메뉴 금지


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

onload로 이미지 크기 출력


이미지 크기

.

new Image()로 이미지 로딩


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

.