익명 함수로 이벤트 리스너 작성


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

이벤트 객체 전달하기

마우스를 올려보세요

이벤트 명 :

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

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

이벤트의 디폴트 행동 취소

네이버 이동하시겠습니까
빵 (체크 가능)
슬 (체크 안됨)

이것은 문장입니다.


onclick, 계산기 만들기

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


마우스 관련 이벤트 리스너


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

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


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

oncontextmenu에서 컨텍스트 메뉴 금지


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

onload로 이미지 크기 출력


이미지 크기

.

new Image()로 이미지 로딩


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

.

onfocus와 onblur


이름을 입력하지 않고 다른 창으로 이동할 수 없습니다.

이름

학번

버튼을 클릭하면 선택된 라디오 버튼의 value를 출력합니다.


서울 부산 춘천

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


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

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


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