在做搜索选择提示框的时候,当出现提示框时,提示框 的消失方式有时候会让人纠结,如下图:
网站制作、做网站的开发,更需要了解用户,从用户角度来建设网站,获得较好的用户体验。创新互联多年互联网经验,见的多,沟通容易、能帮助客户提出的运营建议。作为成都一家网络公司,打造的就是网站建设产品直销的概念。选择创新互联,不只是建站,我们把建站作为产品,不断的更新、完善,让每位来访用户感受到浩方产品的价值服务。
因为当点击提示框出现的提示后会给赋值,所以提示框消失不能写的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();
}
});
当前标题:百度搜索提示框消失效果代码
分享URL:
http://cdxtjz.cn/article/jopgcc.html