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

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

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



因为当点击提示框出现的提示后会给<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();
    }
  });