イベントオブジェクトは、
イベントハンドラの第一引数に自動的にセットされるオブジェクト。
イベントオブジェクトの種類には、

$(document).on("click",function(event){
$("#ID名").val(event.clientX+":"+event.clientY);
});

イベントメソッド

イベントメソッド	説明
.on()	イベント付与して、イベント検知する。
.one()	１度だけイベント処理を実行する
.off()	イベントハンドラを削除する
.trigger()	プログラム的にイベントを発生させる
.triggerHandler()	指定したイベントハンドラだけ実行する。
.blur()	フォーカスを失った時に発生。
.change()	「input」タグ「textarea」タグ「select」タグなどのフォーム要素において、値が変更された時に発生。
.click()	クリックした時に発生。
.toggle()	マウスをクリックする度に、引数で指定する関数を順番に実行していく。（ver1.9で削除）アニメーション系の表示・非表示を操作するメソッドは、引き続き利用可能。
.dblclick()	ダブルクリックした時に発生。
.error()	画像などが読み込めなかった際に発生。（Ver.3.0にて削除）
.focus()	フォーカスされた時に発生。主にフォーム要素やアンカー「a」で使用します。
.focusin()
.mouseenter()	マウスが要素上に乗った時に発生（バブリングが発生しない）
.mouseleave()	マウスが要素上から離れた時に発生（バブリングが発生しない）
.mousemove()	要素上でマウスを動かした際に発生。
.mouseout()	マウスのポインターが要素から離れた際に発生。
.mouseover()	マウスオーバーした際に発生。
.hover()	マウスが要素上に乗った時（ver1.9で削除）
.mouseover()	マウスが要素上に乗った時
.mouseout()	マウスが要素上から離れた時
.mouseup()	マウスを上に離した時に発生。
.ready()	DOMが完全に読み込まれた後に発生。
.resize()	ブラウザのウインドウの大きさを変更した時に発生。
.scroll()	ブラウザのスクロール位置を変更した時に発生。
.select()	フォームのテキスト入力するタイプ・「inputtype="text」タグ・「textarea」タグなどでテキストを選択した時に発生。
.submit()	フォームを送信しようとした時に発生。例、$("form") .submit(function
.unload()	ユーザーがページを離れる時に発生。（Ver.3.0にて削除）

イベントオブジェクトの一覧

イベントオブジェクト	説明
event.altKey	Altキーが押されていたらtrue、そうでなければfalse
event.ctrlKey	Ctrlキーが押されていたらtrue、そうでなければfalse
event.shiftKey	Shiftキーが押されていたらtrue、そうでなければfalse
event.clientX	clientX：マウスイベント時におけるマウスポインタのブラウザ窓上での上端からの位置
event.clientXevent.clientY	clientY：同上の左端からの位置（スクロースされていようが関係無し）
event.pageX	pageX：マウスイベント時におけるマウスポインタのドキュメント上での上端からの位置
event.pageY	pageY：同上の左端からの位置（スクロースされていれば、その分足される）
event.screenX	screenX：マウスイベント時におけるスクリーン（ディスプレイorモニタ）上での上端からの位置
event.screenY	screenY：同上の左端からの位置（デュアルディスプレイなどは、1つとみなされるようです）
event.data	イベント設定時にdataとして引き渡されたオブジェクト（詳しくは、改めて）
event.target	イベント発生源の要素
event.type	イベントのタイプ（"click"など）
event.which	キーボードのイベントでは、押されたキーに対応する数字。マウスイベントでは、左ボタンが1、真ん中ボタンが2、右ボタンが3
event.preventDefault()	デフォルトのアクションを停止する
event.stopPropagation()	以降のイベント伝播を停止する
return　false	「return　false」は、イベントオブジェクトではなく、イベントハンドラを「returnfalse;」として抜ける方法。「event.preventDefault();」と「event.stopPropagation();」の両方を指定したのと同じ。

「this」とは

イベントアクションでは、
「this」は、イベントが発生した要素のことで、
宣言をしなくても、
イベント発生した要素の情報を「this」を使って参照・設定することができる。

また、「this」を使用して、イベントが発生した要素を特定することも可能。

Back