Safari搜索字段取消按钮回调

Safari Search Field Cancel Button Callback?

本文关键字：按钮 回调 取消 字段 搜索 Safari      更新时间：2023-09-26

我有一个带有一些字段的表，我做了一个"实时搜索"来查找行…

我的代码是:

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

我如何从取消按钮得到一个回调来显示所有行?

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

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

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

相关文章：