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

Question

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

我的代码是这样的：

 $("#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();
});

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

Answer 1

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

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

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