이벤트 리스너 작성 방법

1.HTML태그에 작성
마우스를 올리는 배경색이 orchid로 바뀜.

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

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

이벤트 객체 전달하기

마우스를 올려보세요

이벤트명:

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

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

이벤트의 디폴트 행동 취소

빵 (체크가능)

이벤트의 흐름, 캡쳐단계, 버블단계

이것은 문장입니다.


사용자 입력 여부 체크 - onblur 이벤트 이용

이름 : 학번 :

라디오버튼 활용

목적지가 어디입니까?

서울 부산 춘천

체크박스 활용

구매할 물건을 고르시오.

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

Select 객체활용

먹고싶은 과일을 선택하세요