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

Follow me!