MouseEvent: shiftKey プロパティ
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
MouseEvent.shiftKey は読み取り専用のプロパティで、このマウスイベントが発行されたときに shift キーが押されていたかどうかを示す論理値です。
値
論理値で、 true はキーが押されていたことを示し、 false はキーが押されていなかったことを示します。
例
この例では、 click イベントを発生させた際に shiftKey プロパティを記録します。
HTML
html
<p>
<code>shiftKey</code> プロパティを試験するためにどこかをクリックしてください。
</p>
<p id="log"></p>
JavaScript
js
let log = document.querySelector("#log");
document.addEventListener("click", logKey);
function logKey(e) {
log.textContent = `Shift キーの押下状態: ${e.shiftKey}`;
}
結果
仕様書
| Specification |
|---|
| UI Events # dom-mouseevent-shiftkey |
ブラウザーの互換性
Loading…