HTML DOM MouseEvent

DOM イベント Event オブジェクト

MouseEvent オブジェクト

HTMLドキュメントとマウスの相互作用で発生するイベントは MouseEvent オブジェクトに属しています。

Mouseイベントの属性とメソッド

属性/メソッド 説明
altKey マウスイベントが発生したときに「ALT」キーが押されていたかどうかを返します。
button マウスイベントが発生したときに押されたマウスボタンの情報を返します。
buttons マウスイベントが発生したときに押されたマウスボタンの情報を返します。
clientX マウスイベントが発生したときに、マウス指標が現在のウィンドウに対する水平座標を返します。
clientY マウスイベントが発生したときに、マウス指標が現在のウィンドウに対する垂直座標を返します。
ctrlKey キーマウスイベントが発生したときに「CTRL」キーが押されていたかどうかを返します。
getModifierState() 指定されたキーがアクティブであれば true を返します。
metaKey イベントが発生したときに「META」キーが押されていたかどうかを返します。
movementX 前の mousemove イベントに対する位置のマウス指標の水平座標を返します。
movementY 前の mousemove イベントに対する位置のマウス指標の垂直座標を返します。
offsetX マウス指標がターゲット要素の端に位置する水平座標を返します。
offsetY マウス指標がターゲット要素の端に位置する垂直座標を返します。
pageX マウスイベントが発生したときにマウス指標がドキュメントに対する水平座標を返します。
pageY マウスイベントが発生したときにマウス指標がドキュメントに対する垂直座標を返します。
region 　
relatedTarget マウスイベントを発生させた要素に関連する要素を返します。
screenX イベントが発生したときにマウス指標がスクリーンに対する水平座標を返します。
screenY イベントが発生したときにマウス指標がスクリーンに対する垂直座標を返します。
shiftKey イベントが発生したときに「SHIFT」キーが押されていたかどうかを返します。
which マウスイベントが発生したときに押されたマウスボタンの情報を返します。

継承された属性とメソッド

MouseEvent は以下のオブジェクトからすべての属性とメソッドを継承しています：

UiEvent

Event オブジェクト

イベントタイプ

これらのイベントタイプは MouseEvent オブジェクトに属しています：

イベント 説明
onclick ユーザーが要素をクリックしたときに、このイベントが発生します。
oncontextmenu ユーザーが右クリックで特定の要素をクリックしてコンテキストメニューを開いたときに、このイベントが発生します。
ondblclick ユーザーが要素をダブルクリックしたときに、このイベントが発生します。
onmousedown ユーザーが要素上でマウスボタンを押したときに、このイベントが発生します。
onmouseenter 要素に指が移動したときに、このイベントが発生します。
onmouseleave ポインタが要素から移動するときに、このイベントが発生します。
onmousemove ポインタが要素の上を移動するときに、このイベントが発生します。
onmouseout ユーザーがマウスポインタを要素またはその子要素から移動するときに、このイベントが発生します。
onmouseover ポインタが要素またはその子要素に移動するときに、このイベントが発生します。
onmouseup ユーザーが要素上でマウスボタンを解放したときに、このイベントが発生します。
DOM イベント Event オブジェクト