前段时间接到一个任务，需要在输入框输入时实时产生联想，看似这是很简单的问题，里面的细节问题还是需要注意~不然就会踩各种坑啊~

 

下面我总结几个自己遇到的问题和解决办法：

需求：

当输入框失去焦点后需要隐藏联想区域

  思路：当

$('input').on('focus',function(){

　　$('.thinkDiv').hide();

})

此时又需要从联想框中选中一个值填入输入框中，但是当你点联想框的那一刻也就等于输入框失去焦点，此时触发联想区域的隐藏事件，这时候的值就无法选中和填充。

解决办法：我选择了当输入框失去焦点时，将联想区域的透明度opacity设置成0，这就相当于其实这块区域是存在的，只是视觉上看不见而已。