有关suggest快速删除后仍然出现下拉列表的bug问题_Javascript教程-查字典教程网
有关suggest快速删除后仍然出现下拉列表的bug问题
有关suggest快速删除后仍然出现下拉列表的bug问题
发布时间:2016-12-30 来源:查字典编辑
摘要:写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问题,希望对大家有所帮助,如果大家有任何疑问请给我们留言,小编会及时回复大家的。在此也非常感谢大家对查字典教程网的支持!

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类