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

发布时间：2020-06-19 18:33:23 来源：网络阅读：316 作者：manlianman 栏目：web开发

在做搜索选择提示框的时候，当出现提示框时，提示框的消失方式有时候会让人纠结，如下图：

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

因为当点击提示框出现的提示后会给<input>赋值，所以提示框消失不能写<input>的blur事件；

同时也不能在提示框的blur事件，因为本身焦点就不在他。

经过思考还是写<input>的blur 事件，但是不同于传统的blur，在鼠标在提示框内的时候不触发让它消失的事件，在提示框外的时候触发，写法如下：

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

}

});

猜你喜欢