KeyboardEvent: ctrlKey property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The KeyboardEvent.ctrlKey read-only property returns a
boolean value that indicates if the control key was pressed
(true) or not (false) when the event occurred.
Value
A boolean value.
Examples
html
<p>
Press any character key, with or without holding down the CTRL key.<br />
You can also use the SHIFT key together with the CTRL key.
</p>
<pre id="output"></pre>
js
const output = document.getElementById("output");
function showChar(e) {
output.textContent = `Key KeyDown: "${e.key}"
CTRL key KeyDown: ${e.ctrlKey}
`;
}
document.addEventListener("keydown", showChar);
Specifications
| Specification |
|---|
| UI Events # dom-keyboardevent-ctrlkey |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
ctrlKey
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support