이벤트 발생시, 이벤트 핸들러의 매개변수에 이벤트 객체 생성.
객체에는 이벤트 타입에 맞는 속성과 메서드 포함.
이벤트 객체 생성
$('이벤트 대상 선택').이벤트등록메서드(function(매개변수){
매개변수(이벤트객체).속성;
}
이벤트 객체 속성
마우스 이벤트 |
clientX | 마우스 포인터의 X 좌표값을 반환. |
clientY | 마우스 포인터의 Y 좌표값을 반환. | |
pageX | 스크롤 X축의 이동거리를 계산하여 마우스 포인터의 X좌표값 반환. | |
pageY | 스크롤 Y축의 이동거리를 계산하여 마우스 포인터의 X좌표값 반환. | |
screenX | 화면 모니터를 기준으로 마우스 포인터의 X좌표값을 반환. | |
screenY | 화면 모니터를 기준으로 마우스 포인터의 Y좌표값을 반환. | |
layerX | position을 적용한 요소를 기준으로 마우스 포인터의 X좌표값을 반환. | |
layerY | position을 적용한 요소를 기준으로 마우스 포인터의 Y좌표값을 반환. | |
button | 마우스 버튼의 종류에 따라 값 반환. (왼쪽 : 0, 휠 : 1, 오른쪽 : 2) | |
키보드 이벤트 |
keyCode | 키보드의 아스키 코드값을 반환. |
altKey | 이벤트 발생 시 [ Alt ] 키가 눌려있으면 true, 아니면 false반환. | |
ctrlKey | 이벤트 발생 시 [ Ctrl ] 키가 눌려있으면 true, 아니면 false반환. | |
shiftKey | 이벤트 발생 시 [ Shift ] 키가 눌려있으면 true, 아니면 false반환. | |
전체 이벤트 |
target | 이벤트가 전파된 마지막 요소. |
cancleBubble | 이벤트 전파 차단. (기본값 false, ture로 설정시 전파 차단) | |
stopPropagation( ) | 이벤트 전파 차단. | |
preventDafault( ) | 기본 이벤트 차단. |
jQuery :: 5 -3. 마우스 이벤트 예제 (1) | 2020.05.27 |
---|---|
jQuery :: 5 -2. 로딩 이벤트 예제 (0) | 2020.05.27 |
jQuery :: 5. 이벤트 등록 메서드 (0) | 2020.05.27 |
jQuery :: 4 -1. 객체조작_ 속성 조작 메서드 (0) | 2020.05.27 |
jQuery :: 3 -1. 제이쿼리 배열 메서드 (0) | 2020.05.26 |
댓글 영역