有关suggest快速删除后仍然出现下拉列表的bug问题

有关suggest快速删除后仍然出现下拉列表的bug问题

写suggest的时候，有时我们快速删除输入框的文字后，但是suggest下拉列表还有出现，导致的原因是因为ajax异步请求造成的。

虽然我们把输入框的内容都删除了，甚至做了停止后续请求的相关操作，但http://是由于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 http://() {

f();

}, 400);

}

我这里贴的代码只是解决思路，把获取到请求回TnSuL来的数据后续的相关操作先封装到函数里，当检测到value为空的时候，把函数的操作变化一下，就不会出现suggest数据框了。

以上所述是给大家介绍的有关suggest快速删除后仍然出现下拉列表的bug问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。