裏紙に書く程度の内容

jQuery eventType 一覧

jQueryでボタンや要素がクリックされた時のイベントを設定する際、bind()click(),live()等を使うと思います。
click()の場合はクリック時に発火ですが、bind(),live()の場合はトリガとなるイベントタイプを指定します。

そのイベントタイプの一覧です。

イベントタイプ一覧

イベント 説明
blur 要素がフォーカスを失ったとき
change 要素が変化したとき
click 要素がクリックされた時
dblclick ダブルクリックされた時
error ロード時等で、エラーが発生したとき
focus フォーカスが当たったとき
keydown キーが押された時
keypress キーが押され、離されたとき
keyup キーが離された時
load ページが表示された時
mousedown マウスのボタンが押されたとき
mouseenter マウスが要素の範囲に入ってきたとき?
mouseleave マウスが要素の範囲から出たとき?
mousemove マウスのポインタが動いたとき
mouseout マウスが要素の範囲から出たとき
mouseover マウスが要素内で動いたとき
mouseup マウスのボタンが離された時
resize ウィンドウのサイズが変わったとき
scroll ウィンドウがスクロールされた時
select テキストが選択された時
submit サブミットされた時
unload ページが非表示になったとき?

百聞はワンルックにしかず

実際に動作を見たほうが早いかと。

以下、各要素にイベントを設定しています。発火したらconsole.log()でログ出力しているのでデバッグモードで確かめられます。

blur

$(".blur").bind("blur", function() {
  console.log("blur");
});

change

$(".change").bind("change", function() {
  console.log("change");
});

click

$(".click").bind("click", function() {
  console.log("click");
});
Target

dblclick

$(".dblclick").bind("dblclick", function() {
  console.log("dblclick");
});
Target

error

$(".error").bind("error", function() {
  console.log("error");
});
Target

focus

$(".focus").bind("focus", function() {
  console.log("focus");
});

keydown

$(".keydown").bind("keydown", function() {
  console.log("keydown");
});

keypress

$(".keypress").bind("keypress", function() {
  console.log("keypress");
});

keyup

$(".keyup").bind("keyup", function() {
  console.log("keyup");
});

load

※以下では動かない

$(".load").bind("load", function() {
  console.log("load");
});
Target

mousedown

$(".mousedown").bind("mousedown", function() {
  console.log("mousedown");
});
Target

mouseenter

$(".mouseenter").bind("mouseenter", function() {
  console.log("mouseenter");
});
Target

mouseleave

$(".mouseleave").bind("mouseleave", function() {
  console.log("mouseleave");
});
Target

mousemove

$(".mousemove").bind("mousemove", function() {
  console.log("mousemove");
});
Target

mouseout

$(".mouseout").bind("mouseout", function() {
  console.log("mouseout");
});
Target

mouseover

$(".mouseover").bind("mouseover", function() {
  console.log("mouseover");
});
Target

mouseup

$(".mouseup").bind("mouseup", function() {
  console.log("mouseup");
});
Target

resize

※以下では動かない

$(".resize").bind("resize", function() {
  console.log("resize");
});

scroll

※以下では動かない

$(".scroll").bind("scroll", function() {
  console.log("scroll");
});
Target

select

※以下では動かない

$(".select").bind("select", function() {
  console.log("select");
});
Target

submit

※以下では動かない

$(".submit").bind("submit", function() {
  console.log("submit");
});
Target

unload

※以下では動かない

$(".unload").bind("unload", function() {
  console.log("unload");
});
Target
load, scroll, select, submit, unloadは動作の確認できていません。これらはいつか整理する(よてい!)
Index