【jQuery】特定要素に対して一度だけイベントを実行するメソッド

「クリックしたときに一回だけメソッドを実行したい」のようにイベントに対して関数を一度だけ呼び出すメソッドについて紹介します。

one()メソッド概要

one()メソッドは要素に対して指定できて、コールバック関数を一度だけ呼び出します。
類似のメソッドに.on('click', がありますがこちらと違うのは一度しか実行されない点です。

ボタンなどに対して適用することでdisableな状態にすることができます。

var n = 0;
$("div").one("click", function(){
  n += 1
});

one メソッドの引数

one(type, [data], fn)

• type
  click、mousedownのようなイベントを指定

• [data]

イベントにしたいデータの指定

• fn
  イベント着火時に処理したい内容を指定