HOME > > > >

debounce

_.debounce(function, wait, [immediate])

渡された関数の新しいデバウンスバージョンを作成して返します。この関数は、最後に呼び出されてからwaitミリ秒が経過するまで実行を延期します。 入力の到着が停止した後にのみ発生する動作を実装するのに役立ちます。 たとえば、Markdownコメントのプレビューのレンダリング、ウィンドウのサイズ変更が停止した後のレイアウトの再計算など。

待機間隔の終わりに、関数は、最後にデバウンスされた関数に渡された引数で呼び出されます。

即値引数にtrueを渡すと、デバウンスが待機間隔のトレーリングエッジではなくリーディングエッジで関数をトリガーします。 「submit」ボタンの偶発的なダブルクリックが2回目に発生するのを防ぐような状況で役立ちます。

function
function
wait
int
[immediate]

サンプル

実行結果

実行

Javascript

  1. debug1 = new Debug('#code1-dump');
  2.  
  3. const onClickHandle = _.debounce(() => {
  4.     debug1.dump('click');
  5. }, 1000);
  6.  
  7. document.getElementById('code1-execute').addEventListener('click', onClickHandle);

HTML

  1. <span class="btn btn-execute" id="code1-execute">実行</span>
  2. <div id="code1-dump"></div>
参照サイト