Element: mousedown イベント

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月⁩.

mousedown イベントは、ポインターが要素の中にあるときにポインティングデバイスのボタンが押下されたとき、その要素 (Element) に発行されます。

メモ: click イベントとの違いは、 click イベントが完全なクリック操作の後、つまり、同じ要素内でマウスのボタンが押されて離された後で発行されることです。 mousedown はボタンが最初に押された時点で発行されます。

構文

このイベント名を addEventListener() 等のメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

addEventListener("mousedown", (event) => {});

 => {};

イベント型

MouseEvent です。 UIEvent および Event を継承しています。

イベントプロパティ

親である UIEvent および Event から継承したプロパティもあります。

MouseEvent.altKey 読取専用: このマウスイベントが発行されたときに alt キーが押されていた場合は true を返します。
MouseEvent.button 読取専用: このマウスイベントが発行されたときに押されていたボタンの番号です（もしあれば）。
MouseEvent.buttons 読取専用: このマウスイベントが発行されたときに押されていたボタンです（もしあれば）。
MouseEvent.clientX 読取専用: ビューポート座標におけるマウスポインターの X 座標です。
MouseEvent.clientY 読取専用: ビューポート座標におけるマウスポインターの Y 座標です。
MouseEvent.ctrlKey 読取専用: このマウスイベントが発行されたときに control キーが押されていた場合は true を返します。
MouseEvent.layerX 非標準読取専用: このイベントの現在のレイヤーにおける相対の水平座標を返します。
MouseEvent.layerY 非標準読取専用: このイベントの現在のレイヤーにおける相対の垂直座標を返します。
MouseEvent.metaKey 読取専用: このマウスイベントが発行されたときに meta キーが押されていた場合は true を返します。
MouseEvent.movementX 読取専用: 前回の mousemove イベントの位置から相対的なマウスポインターの X 座標です。
MouseEvent.movementY 読取専用: 前回の mousemove イベントの位置から相対的なマウスポインターの Y 座標です。
MouseEvent.offsetX 読取専用: 対象ノードのパディング辺からの相対的なマウスポインターの X 座標です。
MouseEvent.offsetY 読取専用: 対象ノードのパディング辺からの相対的なマウスポインターの Y 座標です。
MouseEvent.pageX 読取専用: 文書全体からの相対的なマウスポインターの X 座標です。
MouseEvent.pageY 読取専用: 文書全体からの相対的なマウスポインターの Y 座標です。
MouseEvent.relatedTarget 読取専用: もしあれば、イベントの副ターゲットです。
MouseEvent.screenX 読取専用: スクリーン座標におけるマウスポインターの X 座標です。
MouseEvent.screenY 読取専用: スクリーン座標におけるマウスポインターの Y 座標です。
MouseEvent.shiftKey 読取専用: このマウスイベントが発行されたときに shift キーが押されていた場合は true を返します。
MouseEvent.mozInputSource 非標準読取専用: イベントを発生させた機器の種類（MOZ_SOURCE_* 定数のいずれか）。これにより、例えばマウスイベントが実際のマウスによって生成されたのか、タッチイベントによって生成されたのかを判断することができます（これはイベントに関連付けられた座標を解釈する精度に影響するかもしれません）。
MouseEvent.webkitForce 非標準読取専用: クリックしたときに適用された圧力です。
MouseEvent.x 読取専用: MouseEvent.clientX の別名です。
MouseEvent.y 読取専用: MouseEvent.clientY の別名です。