JavaScript의 이벤트 분류

우리 모두는 JavaScript에 많은 종류의 이벤트가 있다는 것을 알고 있으며 매우 일반적으로 사용됩니다. 중요한 것은 제가 JavaScript 이벤트에 대해 쓸 때 그 내용만 살펴보았다는 것입니다. 한 번, 찾기가 별로 좋지 않아서 이벤트를 자바스크립트로 분류해보겠습니다

마우스 클릭 이벤트
mousedown, mousemove, mouseout, dblclick(더블클릭), contextmenu( 마우스 오른쪽 버튼 클릭 메뉴)

마우스 스크롤 휠 이벤트 mousewheel
스크롤 휠 이벤트, IE/Google 사파리에 적합, DOMMouseScroll–>Firefox의 비공개 휠 이벤트, addEventListener()를 통해서만 바인딩할 수 있습니다.
e.wheelDelta > 0은 휠이 올라갔음을 의미합니다. e.wheelDelta < 0은 휠이 내려졌음을 의미합니다. e.detail<0은 스크롤 휠이 작동 중임을 의미하고, e.detail>0은 스크롤 휠이 작동 중지 상태이며 Firefox가 개인적으로 소유하고 있음을 의미합니다.

키보드 이벤트
keypress, keydown, keyup
keydown은 물리적 키와 보조 키[ctrl, Shift, Alt, f1...]를 포함한 모든 키보드 키를 감지할 수 있습니다.
keypress는 물리적 키[문자]만 감지할 수 있습니다. , 문자, 숫자, 기호, 공백] 및 대문자와 소문자를 감지하고 누른 키를 감지할 수 있습니다. e.keyCode

터치 스크린 이벤트
touchstart, 손가락이 화면을 누를 때 트리거
touchmove, 손가락이 화면 위에 있을 때 스와이프
터치엔드, 손가락이 화면에서 벗어날 때 트리거
터치취소, 터치스크린 이벤트 취소

애니메이션 이벤트
줌 핀치스타트 줌 제스처 시작 지점
핀치 줌 제스처 종료 지점
핀치 줌 제스처
핀친 축소
핀치아웃 확대
회전왼쪽 회전
회전오른쪽 회전
회전 회전
스와이프 스와이프스타트 스와이프 동작 시작점
스와이프 스와이프
스와이프end 스와이프 동작 끝점
왼쪽 스와이프 왼쪽 스와이프
오른쪽 스와이프 오른쪽 스와이프
swipeup 위로 스와이프
swipedown 아래로 스와이프
스와이프 스와이프
드래그 시작 드래그시작 화면 드래그
드래그 동작
드래그 종료 드래그엔드 화면 드래그
드래그 드래그 동작
길게 누르기 길게 누르기 화면
탭 화면 클릭

양식 이벤트
onchange [양식드롭다운 목록요소가 변경될 때],
oninput[텍스트 상자 입력 시]
onsubmit[양식이 제출될 때]
onfocus[초점 맞추기]
onblur[초점 상실]

이벤트 바인딩 두 가지 방법.
on 및 addEventListener()
1. 이벤트 바인딩 시
on으로 바인딩된 이벤트는 전달될 수 있으며 NULL로 설정하여 제거할 수 있습니다.
온 이벤트는 이벤트 버블링 단계에만 추가할 수 있습니다.
2. addEventListener()
addEventListener(type,handle,boolean)를 통해 바인딩된 이벤트는removeEventListener(type,handle,boolean)을 통해 제거할 수 있습니다. 부울은 이벤트의 버블링 단계에 거짓으로 바인딩됩니다. 이벤트의 캡처 단계에 true로 바인딩됩니다.

이벤트 버블링 및 캡처 버블링 방지:
on으로 바인딩된 이벤트의 경우 e.cancelBubble = true;를 사용하세요. addEventListener 이벤트 전파를 방지하려면 e.stopPropagation()을 사용하세요.

기본 이벤트 차단

1, return false; 2, event.preventDefault

가장 상세하지는 않지만 가장 일반적으로 사용되는 것입니다.

위 내용은 JavaScript의 이벤트 분류의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!