HTML DOM の MouseEvent オブジェクトについて教えて
HTML DOMのMouseEventオブジェクトは、発生したマウスイベントの記述に使用されます。マウスの位置、カーソルの状態、クリックされた要素などのマウスイベントに関する情報を保持します。
MouseEvent オブジェクトのよく使われるプロパティーとメソッドを以下に示します。
- MouseEvent.clientX/MouseEvent.clientY：マウスイベント発生時の、ブラウザのウィンドウの視覚的な領域に対するマウスの水平方向/垂直方向の相対座標を返します。
- MouseEvent.pageX / MouseEvent.pageY：マウスイベント発生時のマウスのドキュメントページに対する水平/垂直座標を返します。
- MouseEvent.target : イベントが発生した要素を返します。
- MouseEvent.button：マウスが押されているボタン（左、中央、右など）を返します。
- MouseEvent.preventDefault()：イベントのデフォルトの動作をキャンセルします。
- MouseEvent.stopPropagation()：イベントの伝播を中止します。
上記のプロパティとメソッドを活用することで、マウスイベントの情報に応じてマウスの位置を取得する、クリックされた要素を確定する、デフォルトの挙動を阻止する、イベントの伝達を阻止するなどの処理を実行できる。
