Javascript 中的即时搜索功能

2023-12-03

我正在使用以下 JavaScript 来实现即时搜索功能(以检测访问者何时停止书写,因此该功能不会在每次按键时运行)。

它可以工作,但延迟超过 1000 毫秒。即使我将其设置为 200 毫秒,即时搜索功能运行之前也会有 1-2 秒的延迟。

是否有更好/更快的方法来检测访问者何时停止输入内容(如果有任何区别,我只需要 Internet Explorer)。

$(document).ready(function(){

var delay = (function(){
var timer = 0;
return function(callback, ms){
clearTimeout (timer);
timer = setTimeout(callback, ms);
};
})();

$('input').keyup(function() {
delay(function(){
//instant search function here
}, 1000 );
});

});

新想法:当我想到这个问题时,问题是当函数运行时我无法继续在输入字段中写入。任何解决方案,我都不需要任何延迟功能。


function instantSearch(){ ... }

var timer;
$('input').keyup(function(){
   timer && clearTimeout(timer);
   timer = setTimeout(instantSearch, 200);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Javascript 中的即时搜索功能 的相关文章

随机推荐

  • 你能优化这段代码吗? (姜戈、蟒蛇)

    我添加 添加 字段来检查用户的帖子 服装 添加到哪些类别 听起来很可怕 所以让我们深入研究代码 我想优化 get categories self obj 函数 class CategorySerializer serializers Mod
  • 如何通过 asyncio 使用阻塞函数

    我在一个项目中使用 django ORM 在 django 之外 我的工作流程是 通过 django ORM 选择对象并 然后使用 asyncio lib 将其发送到消息队列 问题是您无法在异步环境中调用阻塞函数 并且无法在阻塞环境中使用
  • 字节分配内存不足

    这是我在 Android 日志上收到的错误 确切地说 是 08 06 12 16 28 763 E dalvikvm heap 27065 Out of memory on a 184 byte allocation 184 要看情况 有时
  • 所有类别的线性时间排序

    我有这个也许很愚蠢的想法 因为我们有针对受限类别的线性时间排序算法 例如使用计数排序 基数排序的整数 就像在计算机单词中一样 所有类别的数字类型最终都以字节序列进行编码 在某种程度上与整数等类似 是否可以说明我们可以使用这些线性时间排序算法
  • 不继承 的字体

    我有输入和标签字段
  • 安装 RVM 后无法加载 Sass / Compass,无法与 Symfony2 中的 Assetic 一起使用

    我尝试使用 Capifony 它需要 Capistrano 而 Capistrano 需要 Ruby 但我的 apt 版本的 ruby 很旧并且抛出语法错误 然后我安装了 RVM 并执行了以下操作 rvm use 1 9 3 rvm rvm
  • IHubContext SignalR MVC 的 Autofac 注入

    我正在尝试让 SignalR 与 Autofac 一起工作 我有一个我在这里所做的精简版本的存储库 https github com justsayno signalr autofac 这是改编自使用的作品GlobalHost https
  • 响应式设计中的字体大小和元视口

    我必须从事一个需要响应的项目 这是我第一次这样做 我被一个 可能是愚蠢的 问题困扰 假设我有一个非常简单的页面 div style font size 6 SO div
  • 如何在安装过程中修改.NET配置文件?

    我使用 app config 文件来存储一些值 映射数据库的路径 数据连接选择 这些设置在用户计算机上有所不同 我希望安装程序能够正确设置它们 是否有一个安装程序可以在安装过程中使用 NET 配置文件并允许我创建一些对话框来帮助我填写这些值
  • WooCommerce 返回 get_total() 价格(保留两位小数)

    您好 我正在实现一个支付网关插件 但遇到了问题 它显示一个错误 他们说这是因为购物车的总量和价格网站为他们发送的总量不同 这是因为他们得到的结果没有十进制数字 在购物车中是519 00他们只收到519 该插件获取购物车总数 order gt
  • 使用 PC 调试 iPad Safari

    我想在 iPad 上的 Safari 上测试我的网站 我只有另一台电脑 有没有办法让我使用移动 Chrome 进行远程调试 如 ADB Android 调试桥 我在 StackOverflow 上搜索 似乎有一个 Adob e Edge I
  • 使用 extern 全局变量的正确方法是什么?

    文件 a cc int a 0 文件 b cc include a cc 文件 main cc include b cc extern int a int main g c a cc g c b cc g main cc a o b o e
  • 在javascript html5中将整个图像包裹在圆柱形杯子上

    我想将图像包裹在圆柱形杯子上 我正在使用 html5 和 Java 脚本来实现这个解决方案 我从这个链接得到了一些想法 https stackoverflow com questions 31424117 但我没有从这个链接得到解决方案 我
  • 开源asp.net mvc项目的项目结构推荐

    您如何看待基于 asp net mvc 应用程序构建的开源 CMS 应用程序的项目结构 该项目的昵称是 Gol 以下帖子概述了基本要求 ASP NET MVC 中开源 CMS 的想法 目前我正在考虑这样放置 Gol Core Session
  • “times 510-($-$$) db 0”不起作用

    我正在学习引导扇区 我从以下位置下载了 nasm installer x64 exeNASM网站 我的操作系统是win7 64位 当我运行以下代码时 它无法正常工作 mov ah 0x0e mov al the secret int 0x1
  • 嵌套数组上的 Swift 相等运算符

    为什么最后一条语句无法编译并出现错误 Binary operator cannot be applied to two Simple operands 有没有办法修改Simple构造或扩展 运算符能够对嵌套数组 或字典 执行相等性检查 va
  • Python 中的客户端与服务器通信

    我已经建立了客户端 服务器通信 问题是我无法发送多于一条消息 我尝试修复它 但我不知道出了什么问题 这是我的代码 服务器代码和客户端代码在两个不同的Python窗口中运行 server import socket s socket sock
  • Ember-Data:访问旁加载资源列表?

    我有一些 JSON 具有这种结构 documents路径 ID 是 UUID tags id a33fc396 2428 11e3 8eeb 0800270f33f4 name test
  • 如何在 Pandas 中使用 allocate() 方法创建包含空格的列

    样本数据 import pandas as pd df1 pd DataFrame Original City Daimler Chicago Mitsubishi LA Tesla Vienna Toyota Zurich Renault
  • Javascript 中的即时搜索功能

    我正在使用以下 JavaScript 来实现即时搜索功能 以检测访问者何时停止书写 因此该功能不会在每次按键时运行 它可以工作 但延迟超过 1000 毫秒 即使我将其设置为 200 毫秒 即时搜索功能运行之前也会有 1 2 秒的延迟 是否有