이벤트 altKey, ctrlKey, ShiftKey 속성 분석_javascript 기술

event.altKey
기능: 이벤트 발생 시 Alt 키가 눌렸는지 감지합니다.

구문: event.altKey

값: 참 거짓

설명:

altKey 속성은 이벤트 발생 시 Alt 키를 길게 눌렀음을 나타내는 경우 true이고, Alt 키를 누르지 않은 경우 false입니다.
altKey 속성은 마우스나 키보드와 함께 사용할 수 있으며 주로 일부 단축키 작업을 만드는 데 사용됩니다.

event.ctrlKey
기능: 이벤트 발생 시 Ctrl 키가 눌렸는지 감지합니다.

구문: event.ctrlKey

값: 참 거짓

설명:

ctrlKey 속성은 이벤트 발생 시 Ctrl 키를 길게 눌렀을 때 true이고, Ctrl 키를 누르지 않으면 false입니다.
ctrlKey 속성은 마우스나 키보드와 함께 사용할 수 있으며 주로 일부 단축키 작업을 만드는 데 사용됩니다.

event.shiftKey
기능: 이벤트 발생 시 Shift 키가 눌렸는지 감지합니다.

구문: event.shiftKey

값: 참 거짓

설명:

shiftKey 속성은 이벤트 발생 시 Shift 키를 길게 눌렀음을 나타내는 경우 true이고, Shift 키를 누르지 않은 경우 false입니다.
shiftKey 속성은 마우스나 키보드와 함께 사용할 수 있으며 주로 일부 단축키 작업을 만드는 데 사용됩니다.

예시 1
조합 연산 예시.

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

이 코드의 효과는 다음과 같습니다.

Alt 키를 누른 채 위의 텍스트 상자를 클릭하면 텍스트 상자의 텍스트를 선택할 수 있습니다.

예시 2
조합 연산 예시.

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

이 코드의 효과는 다음과 같습니다.

위 텍스트 상자의 내용을 지우려면 "Ctrl Del" 키 조합을 사용하세요. (텍스트 상자에 먼저 초점을 맞춰야 합니다. 이 예제는 IE 브라우저에만 적용됩니다.)

예제 3
조합 연산 예제입니다.

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

이 코드의 효과는 다음과 같습니다.

"Shift" 키를 누른 채 위의 색상 블록을 마우스로 클릭하면 색상 블록의 색상이 변경됩니다