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