亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

有關(guān)suggest快速刪除后仍然出現(xiàn)下拉列表的bug問題

 更新時(shí)間:2016年12月02日 14:25:34   作者:webxzy  
寫suggest的時(shí)候,有時(shí)我們快速刪除輸入框的文字后,但是suggest下拉列表還有出現(xiàn),導(dǎo)致的原因是因?yàn)閍jax異步請求造成的,下面通過本文給大家分享下解決方法,感興趣的朋友一起看看

 寫suggest的時(shí)候,有時(shí)我們快速刪除輸入框的文字后,但是suggest下拉列表還有出現(xiàn),導(dǎo)致的原因是因?yàn)閍jax異步請求造成的。

雖然我們把輸入框的內(nèi)容都刪除了,甚至做了停止后續(xù)請求的相關(guān)操作,但是由于ajax是異步的,即使你停止了后續(xù)的操作,但是最后一次請求的數(shù)據(jù)還在回來的路上。

解決辦法看代碼:

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);
}

我這里貼的代碼只是解決思路,把獲取到請求回來的數(shù)據(jù)后續(xù)的相關(guān)操作先封裝到函數(shù)里,當(dāng)檢測到value為空的時(shí)候,把函數(shù)的操作變化一下,就不會出現(xiàn)suggest數(shù)據(jù)框了。

以上所述是小編給大家介紹的有關(guān)suggest快速刪除后仍然出現(xiàn)下拉列表的bug問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • SyntaxHighlighter 3.0.83使用筆記

    SyntaxHighlighter 3.0.83使用筆記

    本文主要介紹了SyntaxHighlighter的配置及代碼的使用,并附上在博客園中使用SyntaxHighlighter 3.0.83的案例,非常實(shí)用,這里推薦給大家。
    2015-01-01
  • JavaScript數(shù)據(jù)結(jié)構(gòu)與算法

    JavaScript數(shù)據(jù)結(jié)構(gòu)與算法

    這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法,文章圍繞主題展開數(shù)據(jù)結(jié)構(gòu)與算法的概念,以及幾種常見的數(shù)據(jù)結(jié)構(gòu)是什么,有什么優(yōu)點(diǎn)和缺,具有一定的參考價(jià)值,需要的小伙伴可以參考一下
    2022-07-07
  • JS簡單表單驗(yàn)證功能完整示例

    JS簡單表單驗(yàn)證功能完整示例

    這篇文章主要介紹了JS簡單表單驗(yàn)證功能,結(jié)合完整實(shí)例形式分析了JavaScript表單驗(yàn)證相關(guān)的字符串判斷、正則驗(yàn)證、計(jì)算等相關(guān)操作技巧,需要的朋友可以參考下
    2020-01-01
  • Chrome中模態(tài)對話框showModalDialog返回值問題的解決方法

    Chrome中模態(tài)對話框showModalDialog返回值問題的解決方法

    chrome中彈出模態(tài)對話框,通過window.returnValue賦返回值關(guān)閉后,有的情況下無法取得返回值。
    2010-05-05
  • 動(dòng)態(tài)規(guī)劃之使用備忘錄來改進(jìn)Javascript函數(shù)

    動(dòng)態(tài)規(guī)劃之使用備忘錄來改進(jìn)Javascript函數(shù)

    這篇文章主要介紹了動(dòng)態(tài)規(guī)劃之使用備忘錄來改進(jìn)Javascript函數(shù),動(dòng)態(tài)規(guī)劃它既是一種數(shù)學(xué)優(yōu)化方法,也是一種計(jì)算機(jī)編程方法,下文相關(guān)資料介紹需要的小伙伴可以參考一下
    2022-04-04
  • javascript自定義日期比較函數(shù)用法示例

    javascript自定義日期比較函數(shù)用法示例

    這篇文章主要介紹了javascript自定義日期比較函數(shù)用法,涉及javascript日期相關(guān)轉(zhuǎn)換、運(yùn)算操作技巧,需要的朋友可以參考下
    2019-07-07
  • 15個(gè)頂級開源JavaScript框架和庫

    15個(gè)頂級開源JavaScript框架和庫

    今天小編就為大家分享一篇關(guān)于15個(gè)頂級開源JavaScript框架和庫的文章,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧
    2018-10-10
  • javascript xml為數(shù)據(jù)源的下拉框控件

    javascript xml為數(shù)據(jù)源的下拉框控件

    此控件以xml為數(shù)據(jù)源,可以進(jìn)行輸入的多屬性自動(dòng)適配
    2009-07-07
  • 解決ueditor jquery javascript 取值問題

    解決ueditor jquery javascript 取值問題

    這篇文章主要介紹了解決ueditor jquery javascript 取值問題,需要的朋友可以參考下
    2014-12-12
  • JS實(shí)現(xiàn)京東首頁之頁面頂部、Logo和搜索框功能

    JS實(shí)現(xiàn)京東首頁之頁面頂部、Logo和搜索框功能

    這篇文章主要實(shí)現(xiàn)京東的頁面頂部,logo和搜索框功能,本文有效果展示,頁面布局詳細(xì)分析,具體實(shí)現(xiàn)代碼,介紹的非常詳細(xì),具有參考借鑒價(jià)值,需要的的朋友參考下吧
    2017-01-01

最新評論