이벤트리스너 만들기
1.HTML 태그 내에 직접 작성
마우스를 올려 보세용.
-HTML 태그 내에 직접 작성
2.이벤트리스터 프로퍼티에 등록
마우스를 올려 보세용. 클릭해보세용.
-이벤트리스터 프로퍼티 등록하기
3.addEventListener() 함수를 이용한 이벤트 등록
마우스를 올려 보세용. 클릭해보세용.
-addEventListener() 함수 이용
4.이벤트 객체 전달하기
마우스를 올려보세용. 클릭해보세용.
이벤트 객체 정보 :
5. preventDefault()를 이용한 이벤트 디폴트 행동 취소
Youtube
Youtube (return false)
Youtube (preventDefault)
Youtube
빵
술(19세 이하 구매
금지)
담배(19세 이하
구매 금지)
이벤트 흐름 분석하기
이벤트 흐름 정보 :
간단한 계산기 만들기
계산하고자 하는 수식을 입력하고 계산하기 버튼을 누르세용.
마우스 이벤트 테스트
마우스 이벤트 테스트를 위해
마우스 이벤트 객체의 프로퍼티와 onmousemove
이미지 위에 마우스를 움직일 때 onmousemove 리스너가 실행되고, 마우스의
위치를 보여줍니다.
컨텍스트 메뉴 처리
이 페이지는 오른쪽 마우스 버튼 클릭이 허용되지 않습니다.
이미지의 onload 이벤트 처리
new Image()로 이미지 로딩
이미지를 클릭하면 다음 이미지를 보여줍니다. 
로그인