MouseEvent getModifierState() Method

Is the Caps Lock key activated?

var x = event.getModifierState("CapsLock");

Description

The getModifierState() method returns true if the specified modifier key was pressed, or activated.

Modifier keys that are activated only when they are being pressed down:

Modifier keys that are activated when they are clicked, and deactivated when they are clicked again:

event.getModifierState(modifierKey)

Parameter	Description
modifierKey	The key to check if is activated or not. Legal Values: "Alt" "AltGraph" "CapsLock" "Control" "Meta" "NumLocK" "ScrollLock" "Shift"

Return Value:	A Boolean. Returns `true` if the modifier key is activated Otherwise it returns `false`.
DOM Version:	DOM Level 3 Mouse Events.

Is the shift key breing pressed down?

var x = event.getModifierState("Shift");

event.getModifierState is a DOM Level 3 (2004) feature.

It is fully supported in all modern browsers:


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	11