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

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

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

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

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

}

});

新闻名称：百度搜索提示框消失效果代码
本文链接：https://www.cdcxhl.com/article22/jopgcc.html

成都网站建设公司_创新互联，为您提供网站排名、品牌网站设计、用户体验、商城网站、微信小程序、全网营销推广

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容