MouseEventインターフェイス
MouseEventインターフェイスは、マウス操作によって発生するイベントを捉え、それに伴うプロパティとメソッドを提供するインターフェイスです。
UIEvent、Eventインターフェイスを継承しています。UIEvent、EventインターフェイスのPropertyとMethod、Eventタイプが使えます。
Constructor
MouseEvent() MouseEventオブジェクトを生成します。MouseEventオブジェクトを生成時にはこのコンストラクタを使うべきです。
Properties
Example Syntax
var bubbles_value = MouseEvent.bubbles;
| Property | |
|---|---|
| altKey | マウスイベント発生時にALTキーが押されていればtrueを返す。 |
| button | マウスのどのボタンが押されたかを番号で返します。 |
| buttons | マウスのどのボタンが押されたかを番号で返します。複数のボタンに対応しています。 |
| clientX | マウスイベントが発生した時のウィンドウ上のX座標 |
| clientY | マウスイベントが発生した時のウィンドウ上のY座標 |
| ctrlKey | マウスイベント発生時にCONTROLキーが押されていればtrueを返す。 |
| metaKey | マウスイベント発生時にMETAキーが押されていればtrueを返す。 |
| movementX | 以前のmousemoveイベント発生時のX座標の相対位置 |
| movementY | 以前のmousemoveイベント発生時のY座標の相対位置 |
| region | |
| relatedTarget | マウスイベントが設定されたエレメントに関係するエレメントを返す。 |
| screenX | マウスイベントが発生した時のスクリーン上のX座標 |
| screenY | マウスイベントが発生した時のスクリーン上のY座標 |
| shiftKey | マウスイベントが発生時にSHIFTキーが押されていればtrueを返す。 |
| Method | |
|---|---|
| getModifierState() |
MouseEvent Types
MouseEventタイプはエレメントに設定してwebページで起こるイベントを捉えます。
Example Syntax
object.onabort = function(){script_or_function};
| MouseEvent type | |
|---|---|
| onclick | クリックされたら |
| oncontextmenu | 右クリックでコンテキストメニューを開いたら |
| ondblclick | ダブルクリックしたら |
| onmousedown | マウスボタンが押されたら |
| onmouseenter | マウスポインターが設定されたエレメント上にくると |
| onmouseleave | マウスポインターが設定されたエレメントから離れると |
| onmousemove | マウスポインターが設定されたエレメント上にある間 |
| onmouseout | マウスポインターが設定されたエレメントから離れると（設定されたエレメントの子エレメントも対象） |
| onmouseover | マウスポインターが設定されたエレメント上にある間（設定されたエレメントの子エレメントも対象） |
| onmouseup | マウスボタンを離したら |