MouseEvent: metaKey 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 MouseEvent.metaKey read-only property is a boolean value that indicates whether the meta key was pressed or not when a given mouse event occurs.
Be aware that many operating systems bind special functionality to the meta key, so this property may be false even when the key is actually pressed.
On Windows, for example, this key may open the Start menu.
Note: On Macintosh keyboards, this key is the command key (⌘). On Windows keyboards, this key is the Windows key (⊞).
Value
A boolean value, where true indicates that the key is pressed, and false indicates that the key is not pressed.
Examples
This example logs the metaKey property when you trigger a click event.
HTML
<p>Click anywhere to test the <code>metaKey</code> property.</p>
<p id="log"></p>
JavaScript
let log = document.querySelector("#log");
document.addEventListener("click", logKey);
function logKey(e) {
log.textContent = `The meta key is pressed: ${e.metaKey}`;
}
Result
Specifications
| Specification |
|---|
| Pointer Events # dom-mouseevent-metakey |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
metaKey
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support