jQueryのoff()メソッドでイベントを削除する方法

jQueryのoff()メソッドでイベントを削除する方法

jQueryでon()メソッドがあるようにoff()メソッドがあります。

以下はテキストに入力したら文字列長が表示される例です。




  
  サンプル
  

  


  
    
    

デモです。

で、ボタンを作成してクリックすると、文字列長を表示するイベントを削除してみるボタンを作成してみます。この時にoff()メソッドを使用します。

$("#button1").on("click", function() {
  $("#text1").off("keyup change"); // ボタンがクリックされたときにoffメソッドを実行する
});

これで、id=test1のテキストボックスのkeyupとchangeイベントを削除します。




  
  サンプル
  

  


  
    
    

デモです。

ちなみにonに対してoffメソッドですが、bindメソッドに対してもoffメソッドは効きます。

jQueryでテキストボックスの文字数をカウントする」はbind使用しています。

コメント

株式会社CONFRAGE ITソリューション事業部をもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む

タイトルとURLをコピーしました