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