Safari 搜索字段取消按钮回调？答案

【问题标题】：Safari Search Field Cancel Button Callback?Safari 搜索字段取消按钮回调？
【发布时间】：2011-05-02 14:36:39
【问题描述】：

我有一个包含一些字段的表，我进行“实时搜索”以查找行……

我的代码是这样的：

 $("#searchforpage").keyup(function(pd) {
      pd.preventDefault();
      $("table tbody tr").hide();
  $("table tbody").find("tr:contains('"+$("#searchforpage").val().toLowerCase()+"')").show();
 });

这可行，不是真正的问题，但我的输入字段是 type="search"，因此 safari 有放大镜和搜索历史记录以及右上角的 x。

x 是问题，如果单击没有任何反应，因为孔代码会响应 keyup。

所以我想做类似的事情来再次显示所有行：

$("#searchforpage::-webkit-search-cancel-button").click(function() {
  $("table tbody tr").show();
});

如何从取消按钮获得回调以显示所有行？

【问题讨论】：

标签： javascript jquery html safari webkit

【解决方案1】：

好的，我的解决方法是现在我使用搜索字段中的每次点击... 我的想法是，如果您再次单击该字段，您可能想要搜索完全不同的内容：

$("#searchforpage").click(function() {
   $(this).val("");
   $("table tbody tr").show();
});

但如果有人对此有正确的解决方案，我想知道。

【讨论】：