MouseEvent.ctrlKey

The MouseEvent.ctrlKey read-only property is a boolean value that indicates whether the ctrl key was pressed or not when a given mouse event occurs.

Note: On Macintosh keyboards, this key is the control key.

Syntax

var ctrlKeyPressed = instanceOfMouseEvent.ctrlKey

Return value

A boolean value, where true indicates that the key is pressed, and false indicates that the key is not pressed.

Example

This example logs the ctrlKey property when you trigger a click event.

HTML

<p>Click anywhere to test the <code>ctrlKey</code> property.</p>
<p id="log"></p>

JavaScript

let log = document.querySelector('#log');
document.addEventListener('click', logKey);

function logKey(e) {
  log.textContent = `The ctrl key is pressed: ${e.ctrlKey}`;
}

Result

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
ctrlKey
1
12
1.5
9
≤12.1
≤4
≤37
18
4
≤12.1
≤3
1.0

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/ctrlKey