百度搜索提示框消失效果代碼

在做搜索選擇提示框的時(shí)候,當(dāng)出現(xiàn)提示框時(shí),提示框 的消失方式有時(shí)候會(huì)讓人糾結(jié),如下圖:

網(wǎng)站制作、做網(wǎng)站的開發(fā),更需要了解用戶,從用戶角度來建設(shè)網(wǎng)站,獲得較好的用戶體驗(yàn)。創(chuàng)新互聯(lián)多年互聯(lián)網(wǎng)經(jīng)驗(yàn),見的多,溝通容易、能幫助客戶提出的運(yùn)營建議。作為成都一家網(wǎng)絡(luò)公司,打造的就是網(wǎng)站建設(shè)產(chǎn)品直銷的概念。選擇創(chuàng)新互聯(lián),不只是建站,我們把建站作為產(chǎn)品,不斷的更新、完善,讓每位來訪用戶感受到浩方產(chǎn)品的價(jià)值服務(wù)。

百度搜索提示框消失效果代碼 百度搜索提示框消失效果代碼

因?yàn)楫?dāng)點(diǎn)擊提示框出現(xiàn)的提示后會(huì)給<input>賦值,所以提示框消失不能寫<input>的blur事件;
同時(shí)也不能在提示框的blur事件,因?yàn)楸旧斫裹c(diǎn)就不在他。
經(jīng)過思考還是寫<input>的blur 事件,但是不同于傳統(tǒng)的blur,在鼠標(biāo)在提示框內(nèi)的時(shí)候不觸發(fā)讓它消失的事件,在提示框外的時(shí)候觸發(fā),寫法如下:
var blur_type="";
   $("#serch_div").mouseover(function(){
      blur_type=1;
   });
   $("#serch_div").mouseout(function(){
      blur_type=0;
   });
   $("#marketname_text").blur(function() {
if(blur_type==0){
    $("#serch_div").hide();
    }
  });

新聞名稱:百度搜索提示框消失效果代碼
本文鏈接:http://muchs.cn/article22/jopgcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、品牌網(wǎng)站設(shè)計(jì)、用戶體驗(yàn)、商城網(wǎng)站、微信小程序全網(wǎng)營銷推廣

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站