이벤트 리스너 만들기

1. HTML 태그 내에 직접 작성

마우스를 올려 보세요.
- HTML 태그 내에 직접 작성하기.

2. 이벤트리스너 프로퍼티에 등록

마우스를 올려 보세요. 클릭해보세요...
- 이벤트리스너 프로퍼티 등록하기

addEventListenenr() 함수를 이용한 이벤트 등록

마우스를 올려 보세요. 클릭해보세요. - addEventListener() 함수 이용

이벤트 객체 전달하기

prventDefault()를 이용한 이벤트 디폴트 행동 취소

마우스 이벤트 테스트

로그인

라디오 버튼 활용하기

체크박스 활용

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

Select 이벤트 활용

메뉴를 선택하세요.

키 이벤트 리스너

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