[jQuery] on / off - Event Handler Attachment

var _cnt = 0;
$('#btn0').on(
  'click',
  function(){
    $('input#callback0').val( _cnt + '回クリックしました。');
    if( _cnt >= 10 ){
      $(this).off('click');
    }
    else{
      _cnt++;
    }
  }
);

ボタン

10回クリックするとクリックイベントが削除されます。

$('#btn1').on({
  click: function(){
    $('input#callback1').val('クリックしました。');
  },
  mouseover: function(){
    $('input#callback1').val('マウスオーバーしました。');
  },
  mouseout: function(){
    $('input#callback1').val('マウスアウトしました。');
    $(this).off('click');
  }
});

ボタン

ボタンからマウスアウトするとクリックできなくなります。

$("body").on(
  'click',
  '#btn2',
  function(e){
    $('input#callback2').val('クリックしました。');
  }
);

ボタン