>웹 프론트엔드 >JS 튜토리얼 >Javascript_Basic 지식으로 Event 속성을 수집하고 정리하기

Javascript_Basic 지식으로 Event 속성을 수집하고 정리하기

WBOY
WBOY원래의
2016-05-16 17:22:131015검색

altKey, 버튼, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX,

screenY, ShiftKey, srcElement, srcFilter, toElement, type, x, y

1.altKey 설명: Alt 키의 상태를 확인합니다.

구문: event.altKey

가능한 값: Alt 키를 누르면 TRUE, 그렇지 않으면 FALSE. 읽기 전용입니다.

2.button 설명: 눌려진 마우스 버튼을 확인합니다.

구문: event.button

가능한 값: 0 버튼을 누르지 않았습니다. 1 왼쪽 버튼을 누릅니다. 2 오른쪽 버튼을 누릅니다. 3 왼쪽 버튼을 누릅니다. 4 중간 버튼을 누릅니다. 5 왼쪽 버튼을 누르고 가운데 버튼 6 오른쪽 버튼과 가운데 키 누르기 7 모든 키 누르기

이 속성은 onmousedown, onmouseup, onmousemove 이벤트에만 사용됩니다. 다른 이벤트의 경우 마우스 상태(예: onclick)에 관계없이 0이 반환됩니다.

3.cancelBubble 설명: 상위 요소의 이벤트 제어 허용 여부를 감지합니다.

구문: event.cancelBubble[ = cancelBubble]

가능한 값: 읽기 및 쓰기가 가능한 부울 값입니다.

TRUE는 상위 요소의 이벤트에 의해 제어되지 않습니다. FALSE를 사용하면 상위 요소의 이벤트로 제어할 수 있습니다. 이것이 기본값입니다.

예: 다음 코드 조각은 이미지를 클릭(onclick)할 때 Shift 키도 동시에 누르면 상단 요소의 onclick 이벤트에 의해 트리거된 showSrc() 이벤트가 취소되는 것을 보여줍니다. (본체) 기능.

인용된 내용은 다음과 같습니다.

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