autocomplete中delay引发的问题

最新推荐文章于 2024-07-23 17:40:49 发布
最新推荐文章于 2024-07-23 17:40:49 发布
阅读量1.8k 收藏
点赞数
分类专栏： web前端 文章标签： autocomplete delay
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010176097/article/details/52315460
版权
项目中的搜索组件使用autocomplete功能，遇到在快速输入时结果出错的问题。默认的10ms延迟可能导致请求冲突。若用户连续输入且间隔时间小于10ms，会取消前次请求；若间隔时间大于10ms，多次请求可能因网络和渲染导致结果混乱。建议将delay增加到500ms至1000ms之间以避免冲突。
摘要由CSDN通过智能技术生成

项目中有一个搜索组件使用了autocomplete的自动填充功能，在用户点击任意键盘后将触发一次请求，根据autocomplete的文档可知，默认delay的值为10ms.

在用户慢速输入的时候，该模块没有问题，但是当快速的输入查询字符串时，结果有时候会出现差错。

第一种情况：  

用户输入 请求后台参数 返回结果
h h h对应结果
hu hu hu结果
hua 不发送请求  
huan huan huan结果
huang huang huang结果

第二种情况：  

用户输入 请求后台参数 返回结果
h h h对应结果
hu hu hu结果
hua hua hua结果
huan huan hua
最低0.47元/天 解锁文章
Lin_Dan_Dan
关注
专栏目录
组件-Element---Input（输入框）
GU_AO_SHI_TAI_DU的博客
07-02 1万+
组件-Element—Input 组件—输入框 基础用法 <el-input v-model="input" placeholder="请输入内容"></el-input> <script> export default { data() { return { input: '' } } } </script&g...
js autocomplete输入延迟触发执行事件
dbc68367的博客
06-30 716
需求：延迟查询,autocomplete延迟触发执行事件。当有下一个事件开始时，本次事件中断。目的是为了防止调用服务器过于频繁。 var timeout = 0;//延时处理 $("#customerName").autocomplete({ minLength: 0, source: funct...
IDEA新手知识科普（二）
最新发布
YTC178的博客
07-23 772
第二期讲解IDEA的settings中Editor下的Code Editing、Font、Code scheme、Code Style中的Java、File and Code templates、File Encodeings、Live Templates。
autocomplete-delay.js
小雪驿站
10-27 847
function autocomplete(option){ option = {  charLength: option.charlength || 1,  delayTime: option.delaytime || 400,  oldUserList:option.oldUserList || "",  currentLi:option.currentLi||{}, 
解决AutoComplete数据过多时的卡顿问题
dearbaba_11的博客
09-03 712
解决AutoComplete数据过多时的卡顿问题
autocomplete的时候 用个定时器
Coding and Coding
12-01 374
这一周又快过去了,今天看了下日历,好快,下个月底就要过年了,这一年也要过去了, 这周的收获 1.在写搜索查询,也就是自动下拉提示的功能的时候,看到之前同事写的用了定时器,看的时候有点疑惑,为什么要用定时 器,然后在网上查了之后发现 如果用户每输入一个字母就立即往服务器传的的话，服务器的承载就会过大， 于是考虑可以将每次请求延迟一秒发送 2.标签点击会跳转,另一种方法
一场由股票提醒助手插件引发的血案——浅入浅出 jquery autocomplete
hustsselbj的专栏
06-09 3279
我没有学过前端，所以这篇文章注定要班门弄斧了。 通常，需要用到什么技术什么语言时，我才去学，学了也不一定掌握，就是记不住！所以现在明白了，学习的时候，亦或是攻克难点的时候，一定要记录下来，并不一定非要呈现什么高大上的技术，但求复原自己的心路历程足以。 大家都知道，最近股市很火爆，当然这几天正在调整期呵呵，神车复牌都交出一天涨停一天跌停的答卷自降为灵车，相比于528垂直过山车，见怪不怪了。很多人
前端200道面试题及答案（更新中）
热门推荐
m0_65450343的博客
06-11 11万+
目录html相关说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别？link和@import的区别浏览器如何实现不同标签页的通信？iframe的优缺点canvas做项目用到哪些h5新特性和css3新特性？用localstorage和sessionStorage写过什么？如何解决页面内容加载缓慢的问题？cookie的特点*页面渲染过程css相关javascript以及es6相关http相关浏览器bootstrapvue相关node相关微信小程序reac
html+css+js基础问答
qq_43751465的博客
08-26 5216
css3 1.标签语义化 顾名思义，合理的标签干合适的事情 块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot 行级（display：inline）：a、span、small、strong、em、i、code、 行内块（display：inline-block）：img、input 区别： 1.
Elasticsearch集群搭建、优化及实践
weixin_49076273的博客
03-06 1343
当索引足够大时，需要建立ES集群，此时需要将索引拆分成多分，分别放入不同的服务器中，几台服务器维护同一个索引。每一台服务器为一个节点，每一台服务器中的数据称为一个分片。防止节点故障导致集群无法正常运行，分片和该分片的副本不会存放在同一个节点上。安装完ES服务后，再安装分词器，然后修改ES的配置文件elasticsearch.yml，配置成集群的参数即可完成集群的搭建。安装Kibana需要修改Kibana的配置文件kiabana.yml，配置集群的连接即可。
Qt Designer中QAbstractButton派生按钮部件autoRepeat、autoRepeatDelay、autoRepeatInterval属性
爱她就要努力
02-07 3906
https://blog.csdn.net/LaoYuanPython/article/details/102888073 autoRepeat、autoRepeatDelay、autoRepeatInterval这三个属性为一组属性，用于控制按钮的按下事件是否重复、重复的频次等。 autoRepeat 如果启用了autoRepeat，则当按钮按下且鼠标未释放时，会定期发出pressed（）、re...
PyQt(Python+Qt)学习随笔：Qt Designer中QAbstractButton派生按钮部件autoRepeat、autoRepeatDelay、autoRepeatInterval属性
老猿Python
11-03 2386
autoRepeat、autoRepeatDelay、autoRepeatInterval这三个属性为一组属性，用于控制按钮的按下事件是否重复、重复的频次等。 autoRepeat 如果启用了autoRepeat，则当按钮按下且鼠标未释放时，会定期发出pressed（）、released（）和clicked（）信号。默认情况下，autoRepeat处于禁用状态。autoRepeat处于允许状态时，...
QT常用控件二
Bhor_0171P31的博客
04-27 1279
qt常用控件二——按钮/显示类控件
Qt实战案例（45）——利用QPushButton实现按钮长按事件
Wendy的博客
05-01 9890
目录一、项目介绍二、项目基本配置三、UI界面设置四、主程序实现4.1 widget.h头文件4.2 widget.cpp源文件五、效果演示六、拓展——关于pressed、clicked、toggled和released信号的区别 一、项目介绍 本文介绍对button按钮添加一个长按事件（比如点击按钮，开始运动。松开按钮，运动停止）。主要用到的是setAutoRepeat函数。 二、项目基本配置 新建一个Qt案例，项目名称为“ButtonTest”，基类选择“QWidget”，点击选中创建UI界面复选框，完成
按钮控件的基类--- QAbstractButton 类（抽象类）
zxf347085420的博客
09-05 377
设置为 true，则不会发送 pressed()和 clicked()信号(经测试，仍会发送这些信号)。 若按钮是可选中的， 当按钮被选中时， 参数 checked 为 true，若按钮未被选中，默认按钮无效，也就是按下 enter 键时，即使关闭自动重复，默认按钮仍会重复发送。按钮是否被选中(即是否处于选中状态)，只有可选中按钮才能被选中。描述了按钮的自动排他性，若启用了该属性，则属于同一父部件的可选中按钮的行为，此槽接收来自与点击相关的常见信号，若按钮是可选中的，则切换该按钮的状态。
利用电脑注册表进行优化加速
weixin_30443731的博客
03-30 221
1、加快开机及关机速度 在[开始]--[运行]--键入[Regedit]--[HKEY_CURRENT_USER]--[Control Panel]--[Desktop]，将字符串值[HungAppTimeout]的数值数据更改为[200],将字符串值[WaitToKillAppTimeout]的数值数据更改为1000.另外在[HKEY_LOCAL_MACHINE]--[System]--[Cu...
HTML笔记5
senmu_的博客
09-28 130
表单元素2 1.文本域 <textarea></textarea> 1）文本域会保持输入的样式 <textarea>abc def </textarea> <br/> <br/> <br/> <textarea>abc def </textarea> 2）设置宽度与行数 <textarea cols="20" rows="10"></textarea> 2.普通按钮
键盘Repeat Delay与Repeat Rate参数含义
JINKAI
04-11 6181
<br /><br />重复输入的延迟时间( Repeat Delay，又称为Typematic Delay）与重复速度（Repeat Rate，又称为Typematic Rate）。<br />Repeat Delay是按键一直被压下时，所送出第1个按下的字符讯号，并且在持续压按相同按键不放开的状态下，到第2次送出的按键讯号之间所经过的时间。Repeat Rate是经过Repeat Delay之后，每秒输出多少字符的速率，单位通常会以Chars / Sec（字符/秒）为主。由于将这两种数值降到最低，会让键
jQuery.AutoComplete.js中文修复版 - 支持Firefox
这个中文修正版主要解决了在Firefox浏览器中使用原始版本时可能出现的中文输入问题。在某些情况下，原版插件可能无法正确处理中文字符，导致自动补全功能失效或者出现其他错误。修正版通过优化代码逻辑，确保在输入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值