JavaScript 연구 노트(16) js events_기본 지식

리뷰
이벤트 객체에는 3가지 정보가 담겨있습니다...이전 글을 다시 살펴보세요!

이벤트 객체의 속성과 메소드는 주로 마우스와 키보드 정보입니다.

1. 이벤트 유형 가져오기

이벤트 개체 속성 유형

2. 키 코드 가져오기

이벤트 개체 속성 keyCode: 13, 공백을 입력하세요. 32, 뒤로 키 8

3. Shift, Alt, Ctrl 키

이벤트 객체 속성이 눌렸는지 감지: ShiftKey, altKey, ctrlKey

4. 고객 종료 좌표 가져오기

이벤트 개체 속성 clientX 및 clientY

5. 화면 좌표 가져오기

이벤트 개체 속성 screenX 및 screenY

이벤트 유형
이벤트를 유발하는 것들과 이벤트가 발생하는 개체에 따라 브라우저에서는 여러 유형의 이벤트로 나눌 수 있습니다.

1. 마우스 이벤트

각 마우스 이벤트 값은 다음 이벤트 개체의 속성에 대해 채워집니다.

1. 좌표 속성(예: clientX 및 클라이언트 등)

2. 🎜>
3.Targer(DOM) 또는 serElement(IE) 속성(대상 객체 속성)

4.shiftKey, ctrlKey, altKey 및 MetaKey(DOM) 속성

5.button 속성 (마우스 이벤트에서만)

(oEvent.target || oEvent.srcElement).id 논리적 문자나 연산자가 두 객체에 작용할 때 첫 번째 객체가 비어 있지 않으면 첫 번째 객체를 반환합니다. 그렇지 않으면 여기에 표시된 두 번째 객체가 반환됩니다. 이벤트를 발생시킨 요소의 ID입니다.


2. 키보드 이벤트
Keydown --- 키보드에서 키를 눌렀을 때 발생합니다. 키를 계속 누르고 있으면 계속해서 트리거됩니다.

키 누르기 --- 키를 누르고 문자가 생성될 때 발생합니다(즉, Shit ctrl alt와 같은 키와 관계없이). 키를 누르고 있는 동안 계속 발생합니다.

Keyup --- 눌린 키를 놓았을 때 발생

1. 이벤트 속성

각 키보드 이벤트에 대해 다음 이벤트 속성이 채워집니다.

keyCode 속성(키의 ASC 코드 값)

charCode 속성(DOM 전용)

target(DOM) 및 srcElement(IE) 속성

shiftKey, ctrlKey, altKey 및 MetaKey(DOM) 속성


2. 순서
사용자가 문자 키를 한 번 누르면 다음 순서로 이벤트가 발생합니다.

(1), keydown

(2), keypress

(3), keyup

사용자가 문자가 아닌 키를 누르는 경우; Shift) , 이벤트는 다음 순서로 발생합니다:

(1), keydown

(2), keyup


🎜> 온로드, 언로드, 크기 조정, 스크롤 및 기타 이벤트.


4. 돌연변이 이벤트
현재 주류 브라우저에서는 문서 또는 요소 요소의 하위 트리에 노드를 추가하고 삭제합니다.