成都网站建设设计

将想法与焦点和您一起共享

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

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

网站制作、做网站的开发,更需要了解用户,从用户角度来建设网站,获得较好的用户体验。创新互联多年互联网经验,见的多,沟通容易、能帮助客户提出的运营建议。作为成都一家网络公司,打造的就是网站建设产品直销的概念。选择创新互联,不只是建站,我们把建站作为产品,不断的更新、完善,让每位来访用户感受到浩方产品的价值服务。

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

因为当点击提示框出现的提示后会给赋值,所以提示框消失不能写的blur事件;
同时也不能在提示框的blur事件,因为本身焦点就不在他。
经过思考还是写的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();
    }
  });

当前文章:百度搜索提示框消失效果代码
文章路径:http://chengdu.cdxwcx.cn/article/jopgcc.html