如何在从文本字段捕获数据时忽略自动补全值？

Question

我最近在我的网站上实现了一个搜索框，它提供了自动完成关键字的良好结果。我想实现一个隐藏的部分，以了解我的注册访问者搜索的搜索查询是什么。

我在搜索框中添加了一个隐藏的用户名，当用户搜索任何内容时，名称和搜索查询将保存在另一个表中。由于自动完成，数据每秒保存一次；因此，如果有人搜索"Laptop"，我们会得到：

**ID  username  Searchdata srtime**  
1    user1234   L  1372513199            
2    user1234   La 1372513200  
3    user1234   Lap 1372513201   
4    user1234   Lapt 1372513202   
5    user1234   Lapto 1372513203  
6    user1234   Laptop 1372513204

jQuery代码：

$('#search_box').keyup(function() { // Other things });

如何只保存最终的搜索词，而忽略自动补全值？

Answer 1

您应该使用.blur()而不是.keyup()。

这样，数据就会在控件失去焦点时提交，而不是每次按下一个键时提交。

Answer 2

只需遵循以下步骤。

1. 在按键时将数据保存在隐藏字段中
2. 更新隐藏字段。
3. 当用户将焦点从搜索字段移出时保存查询。

Javascript代码

搜索$(‘#

’).keyup(){ $('#searchQuery').val($('#search').val())；})；

$('#search').focusout(function(){  
     alert($('#searchQuery').val()); //this will return final query
 });

html代码

<input type="text" id="search">
<input type="hidden" id="searchQuery">