有关suggest快速删除后仍然出现下拉列表的bug问题
更新时间：2016年12月02日 14:25:34 作者：webxzy
写suggest的时候，有时我们快速删除输入框的文字后，但是suggest下拉列表还有出现，导致的原因是因为ajax异步请求造成的，下面通过本文给大家分享下解决方法，感兴趣的朋友一起看看
写suggest的时候，有时我们快速删除输入框的文字后，但是suggest下拉列表还有出现，导致的原因是因为ajax异步请求造成的。
虽然我们把输入框的内容都删除了，甚至做了停止后续请求的相关操作，但是由于ajax是异步的，即使你停止了后续的操作，但是最后一次请求的数据还在回来的路上。
解决办法看代码：
var inp = document.getElementById('inp'),
timer = 0;
inp.oninput = function (e) {
var val = e.target.value;
var f = function () {
alert(val)
}
if (val === '') {
f = function () {
console.log('setState = []');
}
}
clearTimeout(timer);
timer = setTimeout(function () {
f();
}, 400);
}
我这里贴的代码只是解决思路，把获取到请求回来的数据后续的相关操作先封装到函数里，当检测到value为空的时候，把函数的操作变化一下，就不会出现suggest数据框了。
以上所述是小编给大家介绍的有关suggest快速删除后仍然出现下拉列表的bug问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
下面小编就为大家带来一篇禁用backspace网页回退功能的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
WebSocket是一种在单个TCP连接上进行全双工通信的协议，它可以让客户端和服务器之间进行实时的双向通信，这篇文章主要介绍了前端使用websocket发送消息的示例代码,需要的朋友可以参考下2023-07-07
在本片文章中，作者将向您讲述JavaScript中最鲜为人知的秘密。学习js的朋友可以参考下。2011-08-08
在FIREBUG里如果一个对象同时拥有length属性和splice方法，就会被firebug显示为数组的形式2011-11-11
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序
js,jQuery 排序的实现,网页标签排序的实现,标签排序，需要的朋友可以参考下。2011-04-04
断点续传即在文件上传期间因为一些原因而导致上传终止时，下次再次上传同一个文件就从上一次上传到一半的地方继续上传，以节省上传时间。本文将利用切片实现大文件断点续传功能，快来跟随小编一起学一学吧2022-03-03
这篇文章主要介绍了微信提示 在浏览器打开 效果实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
用js批量输出select事件控制textarea中字体的大小的代码。2009-12-12
DOM和XMLHttpRequest对象的属性和方法整理，注意是方便操作ajax的朋友2012-01-01
突发奇想比如点击菜单中的粘帖后事件如何捕获，如下图所示,用的jQuery中的paste事件，如想获得粘帖文本要使用setTimeout控制下时间，感兴趣的朋友可以参考下2013-04-04
最新评论