Back to Content

MouseEvent: shiftKey property

files/en-us/web/api/mouseevent/shiftkey/index.md

latest924 B
Original Source

{{APIRef("Pointer Events")}}

The MouseEvent.shiftKey read-only property is a boolean value that indicates whether the <kbd>shift</kbd> key was pressed or not when a given mouse event occurs.

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 shiftKey property when you trigger a {{domxref("Element/click_event", "click")}} event.

HTML

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

JavaScript

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

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

Result

{{EmbedLiveSample("Examples")}}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

  • {{ domxref("MouseEvent") }}