The mouseEvent getModifierState() is used to return the state of specified modifier key which is being held down when the event occurs. It returns true if the specified modifier key is pressed ans false if it is not pressed.
- The following modifier keys are activated when only they are pressed down: Alt, Control, Meta, Shift.
- There are also some modifier keys that are activated when they are clicked, and deactivated when they are clicked again: CapsLock, ScrollLock and NumLock.
- key: It refers to the modifier key. It is case sensitive.
Return Value: It returns a boolean value that indicates whether the specified modifier key is activated or not.
- true: it indicates that the specified modifier key is pressed or activated.
- false: it indicates that the specified modifier key is not pressed.
Example: In this example if CapsLock is activated then true will be displayed, otherwise, false. To see the effect click on the input element after switching CapsLock on/off.
CapsLock Off (initially):
Supported Browsers: The browser supported by getModifierState() method are listed below:
- Apple Safari 10.1
- Google Chrome 30.0
- Firefox 15.0
- Opera 17.0
- Internet Explorer 9.0
- HTML | DOM KeyboardEvent getModifierState() Method
- HTML | DOM MouseEvent
- HTML | DOM MouseEvent relatedTarget Property
- HTML | DOM MouseEvent pageY Property
- HTML | DOM MouseEvent clientY Property
- HTML | DOM MouseEvent offsetX Property
- HTML | DOM MouseEvent screenY Property
- HTML | DOM MouseEvent pageX Property
- HTML | DOM MouseEvent screenX Property
- HTML | DOM MouseEvent offsetY Property
- HTML | DOM MouseEvent clientX Property
- HTML | DOM MouseEvent buttons Property
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.