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

發(fā)布時間：2020-06-19 18:33:23 來源：網(wǎng)絡(luò) 閱讀：337 作者：manlianman 欄目：web開發(fā)

在做搜索選擇提示框的時候，當出現(xiàn)提示框時，提示框的消失方式有時候會讓人糾結(jié)，如下圖：

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

因為當點擊提示框出現(xiàn)的提示后會給<input>賦值，所以提示框消失不能寫<input>的blur事件；

同時也不能在提示框的blur事件，因為本身焦點就不在他。

經(jīng)過思考還是寫<input>的blur 事件，但是不同于傳統(tǒng)的blur，在鼠標在提示框內(nèi)的時候不觸發(fā)讓它消失的事件，在提示框外的時候觸發(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();

}

});

向AI問一下細節(jié)

猜你喜歡