Event オブジェクト よく使うプロパティ・メソッドまとめ

プロパティ

Event.target

イベントが発生した要素。

Event.target.value

フォーム要素の場合、そのvalue

Event.target.checked

checkbox、radioの場合、チェックされているか否か

× Event.target.selectedOptions

selectでの選択されているoption(配列)だが、IE11未対応!

Event.currentTarget

イベントリスナがバインドされてる要素自身。
イベントを発生させたい要素に対して addEventListener している場合はこちらを使う。

MouseEvent.clientX,event.clientY

ブラウザウィンドウにおける座標。
(スクロールによるオフセットを含まない)

MouseEvent.pageX,MouseEvent.pageY

ドキュメント全体における座標

MouseEvent.screenX,MouseEvent.screenY

モニターにおける座標。たぶん。これを使用することはなさそう。

TouchEvent.type

  • touchstart
  • touchend
  • touchmove
  • touchcancel

TouchEvent.touches

現在タッチしているすべてのTouchオブジェクトの配列

TouchEvent.targetTouches

対象要素をタッチしているTouchオブジェクトの配列

※Touchオブジェクト

Touch.clientX,Touch.clientY
ブラウザウィンドウにおける座標。
(スクロールによるオフセットを含まない)

Touch.pageX,Touch.pageY
ドキュメント全体における座標

Touch.target
イベントが発生した要素

メソッド

Event.preventDefault

デフォルトアクションを中止する。イベントの伝播は止めない。

Event.stopPropagation

イベントの伝播を止める

※ onclick に対してのreturn false は、preventDefault と stopPropagation の両方が適用されたことになる模様。