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

发布时间:2020-06-19 18:33:23 作者:manlianman
来源:网络 阅读:337

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

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



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


推荐阅读:
  1. 笔记 百度搜索
  2. jquery搜索下拉提示框/登陆账号下拉提示框

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

js jquery function

上一篇:python列表处理效率对比测试

下一篇:ASP.NET Web API 路由对象介绍

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》