1. HTML 태그에 이벤트 리스너 작성

마우스를 올리면 배경색이 바뀝니다...
HTML 태그에 이벤트 리스너 작성

2. 이벤트 리스너 프로퍼티에 함수 연결

이벤트 리스너 프로퍼티에 함수를 연결하는 방법... 마우스를 올리면 배경색이 바뀝니다.

3. addEventListener() 함수를 이용한 이벤트 등록

마우스를 올리면 배경색이 바뀝니다.
addEventListener() 함수를 이용하여 이벤트 등록

이벤트 객체 전달

이벤트 객체 정보 표시

이벤트의 디폴트 행동 취소 preventDefault() 함수 이용

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

이것은 문장입니다.

간단한 계산기 만들기

계산하고자 하는 수식을 입력하고 계산 버튼을 누르세요.

마우스 이벤트 리스너

onmousemove 이벤트

그림 위에 마우스를 움직여 보세요

컨텍스트 메뉴 금지

마우스 오른쪽 버튼 클릭 금지

이미지의 onload 이벤트 처리

이미지를 선택하세요.

new Image()로 이미지 로딩하기

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

onfocus, onblur

라디오 버튼 만들기

체크박스 활용

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

Select 요소 활용

키 이벤트 리스너

학교 식당 메뉴판

주문해주세요... 젭알...