MouseEvent: ctrlKey プロパティ

MouseEvent.ctrlKey は読み取り専用のプロパティで、このマウスイベントが発生した際に Ctrl キーが押されていたかどうかを示す論理値です。

Macintosh のキーボードでは、このキーは control キーと表記されています。また、 Mac では control キーと組み合わせたクリックは、オペレーティングシステムに拾われてコンテキストメニューを開くのに使われるので、 ctrlKey はクリックイベントで検出されないことに注意してください。

論理値で、 true はキーが押されていたことを示し、 false はキーが押されていなかったことを示します。

この例では、 mousemove イベントを発生させた際に ctrlKey プロパティを記録します。

HTML

html
<p id="log">カーソルが動いていたときに Ctrl キーが押されていた: false</p>

JavaScript

js
const log = document.querySelector("#log");
window.addEventListener("mousemove", logKey);

function logKey(e) {
  log.textContent = `カーソルが動いていたときに Ctrl キーが押されていた: ${e.ctrlKey}`;
}

結果

仕様書

Specification
UI Events
# dom-mouseevent-ctrlkey

ブラウザーの互換性

BCD tables only load in the browser

関連情報