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.
<!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
- Opera
- Internet Explorer
- Google Chrome
- Firefox
- Apple Safari
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
