이벤트 리스너 만들기
1.HTML 태그 내에 직접 작성
마우스를 올려 보세요.
- HTML 태그 내에 직접 작성하기
2. 이벤트 리스너 프로퍼티에 등록
마우스를 올려 보세요. 클릭해보세요
- 이벤트 리스너 프로페티 등록하기
addEventListener() 함수를 이용한 이벤트 등록
마우스를 올려보세요. 클릭해보세요.
- addEventListener() 함수 이용
이벤트 객체 전달하기
마우스를 올려보세요. 클릭하세요. 더블클릭하세요.
이벤트 객체 정보 :
preventDefault()를 이용한 이벤트 디폴트 행동 취소
cris로 이동하기
cris로 이동하기(preventDefault)
cris로 이동하기(return false)
cris로 이동하시겠습니까?
이벤트 흐름 분석하기
이벤트 흐름 정보 :
간단한 계산기 만들기
계산하고자 하는 수식을 입력하고 계산하기 버튼을 누르세요.
마우스 이벤트 테스트
마우스 이벤트 테스트를 위해
이곳
에서 마우스를 사용해 보세요.
컨텍스트 메뉴 처리
이 페이지는 오른쪽 마우스 버튼 클릭이 허용되지 않습니다.
이 페이지는 사진 다운로드가 허용되지 않습니다.
이미지의 onload 이벤트 처리
이미지를 클릭하여 new Image()로 새 이미지 열기
로그인
라디오 버튼 활용하기
체크 박스 활용
물품을 선택하면 금액이 자동으로 계산됩니다.
Select 이벤트 활용
메뉴를 선택하세요.
키 이벤트 리스너
다음 텍스트 창에 키를 눌러보세요. Alt, shift,Ctrl 키도 가능합니다.
천국집 메뉴
주문하세요.
