イベント

JavaScriptは、クリックなどのイベント発生時の処理(イベントハンドラ)を、HTMLの各要素に登録することができる。

HTMLドキュメント上で登録することも、JavaScript上で動的に登録することもできる。

マウスイベント

キーボ-ドイベント

フォームイベント

ドラッグ&ドロップイベント

  • ondragendイベント
    ondragendイベントとは、ドラッグ操作を終了した時のイベント。
  • ondragenterイベント
    ondragenterイベントとは、マウスのポインタ(カーソル)が、ドラッグしながら最初に要素上を移動した時のイベント。
  • ondragleaveイベント
    ondragleaveイベントとは、ドラッグ状態のマウスのポインタ(カーソル)が、ドロップ可能な要素上から出る時のイベント。
  • ondragoverイベント
    ondragoverイベントとは、ドラッグ状態のマウスのポインタ(カーソル)が、ドロップ可能な要素上に重なってる時のイベント。
  • ondragstartイベント
    ondragstartイベントとは、ドラッグ操作を始めた時のイベント。
  • ondragイベント
    ondragイベントとは、ドラッグ操作中のイベント。
  • ondropイベント
    ondropイベントとは、ドロップした時のイベント。

その他のイベント

Eventオブジェクト

EventTargetオブジェクト

EventListenerオブジェクト

  • handleEvent()メソッド
    イベントリスナーを登録したイベントが発生する度に呼び出すメソッド。

DataTransferオブジェクト

マウスイベントオブジェクト

  • altKeyプロパティ
    マウスイベントが発生したときに「ALT」キーが押されていたかどうかを示す論理値を返すプロパティ。
  • buttonプロパティ
    マウスイベントが発生した際に押したボタンは、マウスのどのボタンであるかを示す数値を返すプロパティ。
  • clientXプロパティ
    マウスイベントが発生したときの、ウィンドウに対するマウスポインタ(カーソル)の位置の水平座標を返すプロパティ。
  • clientYプロパティ
    マウスイベントが発生したときの、ウィンドウに対するマウスポインタ(カーソル)の位置の垂直座標を返すプロパティ。
  • ctrlKeyプロパティ
    マウスイベントが発生したときに「Ctrl」キーが押されていたかどうかを示す論理値を返すプロパティ。
  • relatedTargetプロパティ
    onmouseoutイベントやonmouseoverイベントなどのマウスイベントの発生に関連した要素を返すプロパティ。
  • screenXプロパティ
    マウスイベントが発生したときの、画面に対するマウスポインタ(カーソル)の位置の水平座標を返すプロパティ。
  • screenYプロパティ
    マウスイベントが発生したときの、画面に対するマウスポインタ(カーソル)の位置の垂直座標を返すプロパティ。
  • shiftKeyプロパティ
    マウスイベントが発生したときに「Shift」キーが押されていたかどうかを示す論理値を返すプロパティ。

キーボードイベントオブジェクト

  • altKeyプロパティ
    「ALT」キーを押した状態でキーボードイベントが発生したかどうかを示す論理値を返すプロパティ。
  • ctrlKeyプロパティ
    「Ctrl」キーを押した状態でキーボードイベントが発生したかどうかを示す論理値を返すプロパティ。
  • shiftKeyプロパティ
    「Shift」キーを押した状態でキーボードイベントが発生したかどうかを示す論理値を返すプロパティ。

スポンサード リンク