Javascript | MouseEvent ctrlKey Property
The mouseEvent ctrlKey property is used to define whether the ctrl key is pressed or not. It is a boolean value. When ctrl key is pressed then on click of the mouse buttons it returns true and if it is not pressed then it returns false.
Syntax:
event.ctrlKey
Return Value: It returns a boolean value indicating whether ctrl key is pressed or not.
- true: it indicates ctrl key is pressed.
- false: it indicates ctrl key is not pressed.
Example :
<!DOCTYPE html> < html > < head > < title >JavaScript Mouse Event</ title > </ head > < body style = "text-align:center;" > < h1 style = "color:green;" > GeeksforGeeks </ h1 > < h2 > mouseEvent ctrlKey Property </ h2 > < button onclick = "geek (event);" >Get Ctrl key state!</ button > < script > function geek (event) { if (event.ctrlKey) { alert ("Ctrl key is pressed."); } else { alert ("Ctrl key is not pressed."); } } </ script > </ body > </ html > |
Output:
Clicking button (ctrl key is not pressed):
Clicking button (ctrl key is pressed):
Supported Browsers: The browser supported by ctrlKey property are listed below:
- Apple Safari
- Google Chrome
- Firefox
- Opera
- Internet Explorer