Questions tagged «debouncing»

我对javascript中的“反跳”功能感兴趣，写在这里：http : //davidwalsh.name/javascript-debounce-function 不幸的是，代码的解释不够清楚，我无法理解。谁能帮我弄清楚它是如何工作的（我在下面留了我的评论）。简而言之，我真的不明白这是如何工作的 // Returns a function, that, as long as it continues to be invoked, will not // be triggered. The function will be called after it stops being called for // N milliseconds. function debounce(func, wait, immediate) { var timeout; return function() { var context = this, …

150 javascript  debouncing 

我在Vue模板中有一个简单的输入框，我想像这样或多或少使用去抖动： <input type="text" v-model="filterKey" debounce="500"> 然而，该debounce物业已在Vue 2中弃用。该建议仅说：“使用v-on：input +第三方防抖功能”。 您如何正确实施它？ 我尝试使用lodash，v-on：input和v-model来实现它，但是我想知道是否可以在没有额外变量的情况下进行操作。 在模板中： <input type="text" v-on:input="debounceInput" v-model="searchInput"> 在脚本中： data: function () { return { searchInput: '', filterKey: '' } }, methods: { debounceInput: _.debounce(function () { this.filterKey = this.searchInput; }, 500) } 然后，在computed道具中使用filterkey 。

143 vue.js  vuejs2  debouncing 

我想在我停止在输入文本框中键入（而不是在键入时）字符之后触发事件。 我尝试过： $('input#username').keypress(function() { var _this = $(this); // copy of this object for further usage setTimeout(function() { $.post('/ajax/fetch', { type: 'username', value: _this.val() }, function(data) { if(!data.success) { // continue working } else { // throw an error } }, 'json'); }, 3000); }); 但是此示例为每个键入的字符产生超时，如果输入20个字符，我将收到20个AJAX请求。 在这个小提琴上，我用简单的警报而不是AJAX演示了相同的问题。 有没有解决的办法，或者我只是用一种不好的方法呢？

84 jquery  timeout  keypress  typeahead  debouncing