MouseEvent.shiftKey
The MouseEvent.shiftKey read-only property is a boolean value that indicates whether the shift 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 click event.
HTML
<p>Click anywhere to test the <code>shiftKey</code> property.</p>
<p id="log"></p>

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

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

Result

Specifications

Specification
UI Events # dom-mouseevent-shiftkey

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



shiftKey
1
12
1.5
9
≤12.1
1
≤37
18
4
≤12.1
1
1.0


See also
 MouseEvent 


Found a problem with this page?

Edit on GitHub
Source on GitHub
Report a problem with this content on GitHub
Want to fix the problem yourself? See our Contribution guide.


Last modified: Mar 31, 2022, by MDN contributors


    
{'path': 'public/docs/dom/mouseevent/shiftkey.html', 'source': 'DevDocs.IO'}