상세 컨텐츠

본문 제목

jQuery :: 5 -1. 이벤트 객체 속성

jQuery

by 비오스터딩 2020. 5. 27. 14:21

본문

 

 

 

이벤트 발생시, 이벤트 핸들러의 매개변수에 이벤트 객체 생성.

객체에는 이벤트 타입에 맞는 속성과 메서드 포함.

 

 

 

 

  이벤트 객체 생성  

 

  $('이벤트 대상 선택').이벤트등록메서드(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( )   기본 이벤트 차단.

 

반응형

관련글 더보기

댓글 영역