仅在特定时间段后输入元素发生火灾更改事件

Question

我想在特定时间段后仅更改一次输入更改。

在下面的代码假设我输入3个字符它警告1500毫秒后三次。

我只想提醒一次。

这是我的js代码。

jQuery("#width").on('input',function(){ 
setTimeout(function(){ 
      alert('hello'); 
    },1500) 

}）;

JSFIDDEL

Answer 1

你需要去抖动功能。请使用lodash _.debounce或编写自己的简单程序。然后使用它是这样的：

jQuery("#width").on('input', debounce(function() { 
    alert('hello') 
}, 1500)) 

简单的防抖动功​​能，可以是这个样子：

function debounce(callback, delay) { 
    var timeout 
    return function() { 
    var args = arguments 
    clearTimeout(timeout) 
    timeout = setTimeout(function() { 
     callback.apply(this, args) 
    }.bind(this), delay) 
    } 
} 

这里是一个演示：

jQuery("#width").on('input', debounce(function() { 
 
    alert('hello'); 
 
}, 1500)); 
 

 
function debounce(callback, delay) { 
 
    var timeout 
 
    return function() { 
 
    var args = arguments 
 
    clearTimeout(timeout) 
 
    timeout = setTimeout(function() { 
 
     callback.apply(this, args) 
 
    }.bind(this), delay) 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="text" id="width" />