Question

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

我的代码是：

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

这有效并且不是真正的问题，但我的输入字段是一个类型=“搜索”，因此safari有放大镜和搜索历史以及右上角的x。

如果点击没有任何反应，那么x就是问题，因为漏洞代码会响应密钥。

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

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

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

Answer 1

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

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

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

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

1 个答案: