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

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






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