关于 input 输入搜索的优化
来源:互联网 发布:电脑性能评估软件 编辑:程序博客网 时间:2024/05/29 14:25
很多时候我们都会利用 input 的 change 事件做搜索功能,如果触发 change 事件不做处理就直接去请求数据或者处理数据会做很多次操作,所以我们在 change 事件里面需要做个处理减少数据的请求或处理次数。
var searchTimeout, delayTime = 400, submitSearch = function() { // do something ... }; // 搜索 $(searchInput).change(function () { // 存在定时器则清除定时器 !!searchTimeout && clearTimeout(searchTimeout); // 重新设置定时器 searchTimeout = setTimeout(submitSearch, delayTime); });
思路就是利用定时器做个延迟的搜索,这样输入相隔时间小于 delayTime 的时候不会去处理搜索,当输入完成再去处理搜索。
阅读全文
0 0
- 关于 input 输入搜索的优化
- 关于搜索的优化
- 关于<input>标签输入金额的校验
- jquery实现类似百度的搜索input输入框
- 关于input的columninput (列输入)和listinput (列表输入).
- input输入框验证的弹层优化
- input输入框验证的弹层优化
- 关于调整input里面的输入光标大小
- 关于调整input里面的输入光标大小
- 关于调整input里面的输入光标大小
- 关于调整input里面的输入光标大小
- 关于调整input里面的输入光标大小
- 关于调整input里面的输入光标大小
- 关于调整input里面的输入光标大小
- 关于HTML中input标签的新输入类型
- 关于HTML中input标签的一些常用输入限制
- 关于a标签包裹input后,输入input的值无法鼠标拖拽选中
- javascript---input输入框自动聚焦优化
- 使用cas登录出错,本地没有错误,环境上报错
- 生成式模型 & 生成对抗网络——资料梳理(专访资料 + 论文分类)
- 【安全牛学员笔记】存储型XSS和BEEF浏览器攻击框架
- 对Java多线程得了解
- 81. Search in Rotated Sorted Array II
- 关于 input 输入搜索的优化
- JAVA SE — Day 17
- PAT考试乙级1049(C语言实现)
- JQuery对象与Dom对象初次入坑
- Porting a Driver from UMDF 1 to UMDF 2
- Tensorflow的应用(一)
- Ubuntu Sqlite3
- Codeforces Round #447 (Div. 2) ABCDE
- SEO变现的途径有哪些?