HTML | DOM TouchEvent shiftKey Property
The TouchEvent shiftKey property is a read-only property and used for returning a Boolean value which indicates whether or not the “shift” key was pressed when a touch event was triggered.
The TouchEvent shiftKey property mostly returns false because generally, touch devices do not have a shift key.
Syntax :
event.shiftKey
Return Value: It returns true if the shift key is pressed, else it returns false.
Below program illustrates the TouchEvent shiftKey property :
Example: Finding out whether the “shift” key was pressed on the touch screen or not.
html
<!DOCTYPE html><html><meta name="viewport" content="width=device-width, initial-scale=1"><head> <title>TouchEvent shiftKey property in HTML </title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head><body ontouchstart="isKeyPressed(event)"> <h1>GeeksforGeeks</h1> <h2>TouchEvent shiftKey property</h2> <br> <p>Touch somewhere in the document and wait for an alert to tell if the shift key was pressed or not.</p> <script> function count(event) { // Check whether the shift key is // pressed or not if (event.shiftKey) { alert("Shift key has been pressed!"); } else { alert("Shift key has not been pressed!"); } } </script></body></html> |
Output:
- Before clicking the button:
- After clicking the button:
Supported Browsers:
- Google Chrome 22 and above
- Edge 79 and above
- Firefox 52 and above
- Opera 15 and above
.png)
