jQuery イベント

※詳細はhtmlイベント一覧参照

イベントをキャッチ

<input type="button" id="btnTest" value="aaa" />
$(function(){
  $('#btnTest').on('click' , function(){
    ~
  });
});
以下の様な書き方も可
$(function(){
  $('#btnTest').click(function(){
    ~
  });
});

$(function(){
  $('#btnTest').on('click' , (セレクタ) , function(){
  $('#btnTest').on('click' , 'input:not(.allow_submit)' , function(){
    ~
  });
});
“input:not(.allow_submit)”
サブルーチン呼び出し
function subRoutine(){
  window.alert('OK');
}
$(function(){
  $('#btnTest').click(function(){
    subRoutine();
  });
  または
  $('#btnTest').click(subRoutine);
  $('#btnTest').on('click',subRoutine);

});

イベントを発生させる

<input type="button" id="btnTest" value="aaa" />
先にイベントを書いておく
$(function(){
  $('#btnTest').trigger('click');
});

イベントのキャンセル

$(document).on("keypress", function (event) {
  イベント(この場合、全キー押下)をキャンセル
  event.preventDefault();
  
  Enterキー押下をキャンセル
  return event.which !== 13;
 }
});

特定の操作をキャンセル
$(document).on("keypress", function (event) {
 Enterキー押下時
 if (event.keyCode == 13) {
  イベント(この場合Enterキー押下)をキャンセル
  event.preventDefault();
 }
});

イベントの種類

click / dblclick
mouseout / mouseover / mousedown / mouseup / hover
mousemove
keypress / keydown / keyup
change
select
submit
focus/ blur
contextmenu
※詳細はhtmlイベント一覧参照

1週間でできる会員サイト「Limited」

1週間でできる会員サイト「Limited」
必要最小限。だから分かりやすい。始めやすい。続けやすい。
限定① 安⼼・安全の会員制
限定② 必要最⼩限の機能
限定③ 独⾃機能を追加可能

前の記事

paint.net使用方法

次の記事

文字コード超研究