等待函数直到用户停止输入

2023-11-21

我有用户在打字时进行 ajax 调用。问题是它会对输入的每个字母进行调用,所以我设置超时如下:

$(input).live('keyup', function(e){

setTimeout(function(){ 

var xx = $(input).val();
doSearch(xx); 

}, 400); 

}); 

它会等待 400 毫秒,但随后会在每次按键时执行。我怎样才能改变这个,让ajax在最后输入的字母后大约400毫秒只调用“一次”?

(我过去使用过“延迟”,但这对我的脚本根本不起作用......)


timer = 0;
function mySearch (){ 
    var xx = $(input).val();
    doSearch(xx); 
}
$(input).live('keyup', function(e){
    if (timer) {
        clearTimeout(timer);
    }
    timer = setTimeout(mySearch, 400); 
});

最好将函数移动到命名函数并多次调用它,因为否则您将在每个 keyup 上创建另一个 lambda 函数,这是不必要的且相对昂贵

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

等待函数直到用户停止输入 的相关文章

  • 使用 Javascript 基于 Cookie 的重定向

    我正在尝试根据 cookie 的存在创建重定向 所以当用户连接到我的网站时jonathanstevens org他们第一次被重定向到jonathanstevens org landing 代码部分 Global js function cr
  • 客户端与服务器端图像压缩[关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我正在研究用户可以上传图片的东西 图像大小不受限制 现在我有两个选择使用PHP 服务器端 压缩图像或使用
  • 将 div 移动到 dom 中的其他位置

    以下代码被动态插入到 DOM 中 但是 我想将 div example 从原来的位置移动并将其添加到 wrapper 前面 我如何使用 jQuery 来实现这一目标 div div div div div div div div I tri
  • 验证消息对于日期时间选择器无法正常工作?

    这里的问题是验证日期时间选择器并在页面加载后重置值 在页面加载验证正常工作 但日期时间选择器值未重置 页面加载后 这两个问题值都不会重置 验证也不起作用 这是小提琴 http jsfiddle net XHW3w 6 http jsfidd
  • 当通过 Jquery 将当前页面的 html 传递到托管 bean 时,primefaces RemoteCommand 标记不起作用

    我正在使用 Jquery 的 html 方法获取当前页面的 HTML 如下所示
  • jquery 对于每个具有相似 id 的元素

    我在页面上有很多元素 ID1 ID2 ID3 我想操纵所有元素 有没有更简单的方法来做到这一点 ID each function 您可以使用 选择器 Example div id ID 选择 DOMID属性开头为ID 即 ID1 IDID
  • 通过 AJAX 在 Facebook Connect 站点中加载 Facebook fb:profile-pic

    页面加载后 我发出 AJAX 请求来拉取包含代表 Facebook 用户个人资料图片的标签的 HTML 块 我将结果附加到 DOM 中的一个点 但徽标未加载 而是我看到的只是默认轮廓 下面是我如何使用 jQuery 加载 HTML 块 aj
  • jquery javascript 从 JSON 对象中删除对象数据

    我有 JSON 对象 看起来像下面的对象 这个对象可以持续几天 所以我想知道我是否可以删除完整的集合 相当于下面示例中的位置 0 或位置 1 我必须首先迭代该对象并尝试找出哪个是哪个 假设我要删除邮政编码为 06238 的集合 我需要运行整
  • 在javascript中执行函数队列

    我正在尝试创建一个包含多个函数的函数队列 创建后我想依次执行每个函数 但是这些函数内部有延迟指令 所以我想等待每个函数完成执行后再继续 我的尝试 var funqueue funqueue push function fun1 funque
  • JavaScript 滚动事件不会在装有 iOS7 的 iPhone 上触发

    我对图像使用延迟加载技术 每当新图像出现在视口中时 都会设置 src 属性 以便可以加载图像 这种技术已经运行了很多年 直到 iOS7 发布 它在常规页面浏览中运行良好 但是当你关闭浏览器时 稍等一下 也许打开一些其他应用程序 然后回来它就
  • 使用 JQuery 将 SVG 动态加载到 SVGWeb 中

    我正在尝试动态显示一些 SVG 内容 此内容作为字符串存储在我的数据源中 示例字符串如下所示
  • 文本替换为jquery

    所以我使用 jquery 来搜索和替换 html 页面中的某些文本 这是 function offon sidebar li each function this html this html replace Off Premise Liq
  • 使用过渡添加子项时 div 的平滑增长

    尽管使用了以下代码 但其行为并不符合我的预期transition所以可能有些事情我不明白 理想情况下 单击该按钮会将一个子项添加到id2div 并制作id1分区增长smoothly因此 function id1 button click g
  • 使用 Rails3-autocomplete gem 时出现“自动完成方法不存在”错误

    在我的rails应用程序中 我尝试使用rails3 jquery autocomplete gem 我在 Gemfile 中包含了以下行 gem Rails3 jquery autocomplete 并提供捆绑安装及其在 gems 中列出
  • 在 Ace Editor 中键入空格会产生特殊字符

    我已经在我的网站中安装了 ace 编辑器 尽管当我在开发环境中测试它时 现在使用相同的代码我遇到了输入错误 特别是在按空格或删除时 当我单击空格时 会出现奇怪的字符 这是我的代码示例和我所看到的图像 function var editor
  • 如何使用ckeditore通过ajax发送数据?

    我在 django 中有一个表格 这是 撰写邮件 形式 我将此表单从视图发送到我的模板 然后应用 ckeditor 来更改正文样式 我希望通过 ajax 发布此表单 当使用 ckeditor 时 body 字段的值不会随 request P
  • 如何使用JQuery调用SWAL中成功的函数?

    第二个功能不起作用 它没有收到从第一个函数传递的 id 这是我的 JQuery 代码 swal title Are you sure text You will not be able to recover this record type
  • 第一个单词选择器

    如何选择 div 中的第一个单词 我需要能够在第一个单词后插入换行符 或者将其包装在 span 标记中 我需要对具有相同类的页面上的多个 div 执行此操作 替换 HTML 将导致事件处理程序解除绑定 替换元素的整个文本将导致 HTML 标
  • 在窗口调整大小和窗口加载时动态调整 pixi 舞台及其内容的大小

    我正在尝试在窗口调整大小时动态调整 pixi 舞台 画布和内容 的大小 并且最初以浏览器窗口的大小加载 而不改变比例 我使用以下内容将初始大小基本上设置为window innerWidth window innerHeight 但它做了一些
  • Jquery 点击事件在设备(ipad、iphone ..)中的 li 上不起作用

    Jquery 单击事件在设备中的 li 上不起作用 我尝试使用 click 和 touchstart 事件 但是使用 touchstart 时的问题是我无法向下滚动 div 当我尝试通过单击 li 向下滚动时 它会被选中 有没有办法使用任何

随机推荐