Jquery_jquery의 이벤트 객체 속성 요약

JS의 Event 객체는 이벤트가 발생했을 때 이벤트 처리 함수에 전달되는 객체입니다. 이 객체에는 이벤트가 발생하기 위한 기본 정보가 포함되어 있습니다. 예: 이벤트를 트리거한 이벤트 소스, 키보드 코드(존재하는 경우) 등과 같은 기본 정보

1. event.type을 통해 이벤트 유형을 가져옵니다

코드 복사 코드는 다음과 같습니다.

$(함수(){
$("a").click(함수(이벤트) {
​​​ Alert(event.type);//이벤트 유형 가져오기
//false 반환; //링크 점프 방지
Event.preventDefault();
});
})

2. 이벤트 대상의 속성 값을 가져옵니다
코드의 html 부분은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

나를 클릭하세요 .

코드 복사 코드는 다음과 같습니다.

$(함수(){
$("a[href=http://google.com]").click(function(event) {
Alert(event.target.href);//이벤트를 실행한 요소의 href 속성 값을 가져옵니다.
        false 반환;//링크 점프 방지
});
})

href 속성의 값은 'http://google.com'으로 얻을 수 있습니다.

3. 마우스에 해당하는 x, y 좌표값을 구합니다

코드 복사 코드는 다음과 같습니다.

$(함수(){
$("a").click(함수(e) {
Alert("현재 마우스 위치: " e.pageX ", " e.pageY );//페이지를 기준으로 현재 마우스 좌표를 가져옵니다
        false 반환;//링크 점프 방지
});
})

여기에 전달되는 매개변수 이름은 반드시 이벤트일 필요는 없으며 다음 사항에 해당하는 한 어떤 이름이든 가능합니다. 전달된 기본값은 event입니다. 매개변수를 제공하지 않으면 기본적으로 event라는 매개변수가 전달됩니다.

4. 해당 이벤트에 해당하는 값을 얻을 수 있는 속성
which 속성은 어떤 키나 버튼을 눌렀는지 나타냅니다.

코드 복사 코드는 다음과 같습니다.

$(함수(){
$("a").mousedown(함수(e){
경고(e.which) // 1 = 왼쪽 마우스 버튼; 2 = 마우스 가운데 버튼 3 = 마우스 오른쪽 버튼
          false 반환;//링크 점프 방지
})
})

Javascript에서 키의 키코드 값을 얻는 방법은 다음을 참조하세요.

코드 복사 코드는 다음과 같습니다.

키코드 8 = 백스페이스 백스페이스
키코드 9 = 탭 탭
키코드 12 = 지우기
키코드 13 = Enter
키코드 16 = Shift_L
키코드 17 = Control_L
키코드 18 = Alt_L
키코드 19 = 일시중지
키코드 20 = Caps_Lock
키코드 27 = 탈출 탈출
키코드 32 = 스페이스 스페이스
키코드 33 = 이전
키코드 34 = 다음
키코드 35 = 종료
키코드 36 = 집
키코드 37 = 왼쪽
키코드 38 = 위로
키코드 39 = 오른쪽
키코드 40 = 아래로
키코드 41 =
선택 키코드 42 = 인쇄
키코드 43 = 실행
키코드 45 = 삽입
키코드 46 = 삭제
키코드 47 = 도움말
키코드 48 = 0 = 중괄호
키코드 49 = 1 우수하다고 외침
키코드 50 = 2 quotedbl twosuperior
키코드 51 = 섹션 3수상 3개
키코드 52 = 4달러
키코드 53 = 5%
키코드 54 = 6 앰퍼샌드
키코드 55 = 7 슬래시 중괄호왼쪽
키코드 56 = 8 괄호왼쪽 대괄호왼쪽
키코드 57 = 9 parentright Bracketright
키코드 65 = a A
키코드 66 = b B
키코드 67 = c C
키코드 68 = d D
키코드 69 = e E EuroSign
키코드 70 = f F
키코드 71 = g G
키코드 72 = h H
키코드 73 = 나는 나
키코드 74 = j J
키코드 75 = k K
키코드 76 = l L
키코드 77 = m M mu
키코드 78 = n N
키코드 79 = o O
키코드 80 = p P
키코드 81 =
의 q Q 키코드 82 = r R
키코드 83 = s S
키코드 84 = t T
키코드 85 = u U
키코드 86 = v V
키코드 87 = w W
키코드 88 = x X
키코드 89 = y Y
키코드 90 = z Z
키코드 96 = KP_0 KP_0
키코드 97 = KP_1 KP_1
키코드 98 = KP_2 KP_2
키코드 99 = KP_3 KP_3
키코드 100 = KP_4 KP_4
키코드 101 = KP_5 KP_5
키코드 102 = KP_6 KP_6
키코드 103 = KP_7 KP_7
키코드 104 = KP_8 KP_8
키코드 105 = KP_9 KP_9
키코드 106 = KP_Multiply KP_Multiply
키코드 107 = KP_Add KP_Add
키코드 108 = KP_Separator KP_Separator
키코드 109 = KP_Subtract KP_Subtract
키코드 110 = KP_Decimal KP_Decimal
키코드 111 = KP_Divide KP_Divide
키코드 112 = F1
키코드 113 = F2
키코드 114 = F3
키코드 115 = F4
키코드 116 = F5
키코드 117 = F6
키코드 118 = F7
키코드 119 = F8
키코드 120 = F9
키코드 121 = F10
키코드 122 = F11
키코드 123 = F12
키코드 124 = F13
키코드 125 = F14
키코드 126 = F15
키코드 127 = F16
키코드 128 = F17
키코드 129 = F18
키코드 130 = F19
키코드 131 = F20
키코드 132 = F21
키코드 133 = F22
키코드 134 = F23
키코드 135 = F24
키코드 136 = Num_Lock
키코드 137 = Scroll_Lock
키코드 187 = 급성 무덤
키코드 188 = 쉼표 세미콜론
키코드 189 = 마이너스 밑줄
키코드 190 = 마침표 콜론
키코드 192 = 숫자 기호 아포스트로피
키코드 210 = 플러스마이너스 하이픈 매크로
키코드 212 = 저작권 등록
키코드 213 = guillemotleft guillemotright
키코드 214 = 남성형 ordfeminine
키코드 215 = ae AE
키코드 216 = 센트엔
키코드 217 = 질문다운 엑스클램다운
키코드 218 = 1/4 3/4
키코드 220 = 더 작은 막대
키코드 221 = 별표 asciitild
키코드 227 = 곱하기 나누기
키코드 228 = acircumflex Acircumflex
키코드 229 = ecircumflex Ecircumflex
키코드 230 = icircumflex Icircumflex
키코드 231 = ocircumflex Ocircumflex
키코드 232 = ucircumflex Ucircumflex
키코드 233 = ntilde Ntilde
키코드 234 = yacute 야큐트
키코드 235 = oslash Ooblique
키코드 236 = aring 아링
키코드 237 = ccedilla Ccedilla
키코드 238 = 가시 가시
키코드 239 = ETH ETH
키코드 240 = 분음 세디야 통화
키코드 241 = agrave Agrave atilde Atilde
키코드 242 = egrave Egrave
키코드 243 = igrave Igrave
키코드 244 = 오그레이브 Ograve otilde Otilde
키코드 245 = ugrave Ugrave
키코드 246 = adiaeresis Adiaeresis
키코드 247 = ediaeresis Ediaeresis
키코드 248 = idiaeresis Idiaeresis
키코드 249 = 오디아레시스 오디아레시스
키코드 250 = udiaeresis Udiaeresis
키코드 251 = ssharp 질문 백슬래시
키코드 252 = asciicircum 학위
키코드 253 = 3 스털링
키코드 254 = Mode_switch

위는 js의 키 값 참조이며, 더 중요한 것은 13(enter), 32(space), 27(ESC), 16(Shift), 17(Ctrl), 18(Alt)입니다.

아래 jQuery를 통해 더 많은 값을 얻을 수 있습니다:

코드 복사 코드는 다음과 같습니다.

$(함수(){
$("input").keyup(function(e){//키업 시간 값 가져오기
경고(e.which);
})
})