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イベント一覧å‚ç…§