Поле поиска Safari Отмена Кнопка Обратный вызов?

Question

У меня есть таблица с некоторыми полями, и я делаю «живой поиск», чтобы найти строки…

Мой код для этого:

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

Это работает и не является реальной проблемой, но мое поле ввода имеет тип = "поиск", так что в safari есть увеличительное стекло и история поиска, а х в правом углу.

И проблема x в том, что при нажатии ничего не происходит, потому что код дыры отвечает на keyup.

поэтому я хотел бы сделать что-то подобное, чтобы снова показать все строки:

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

Как получить обратный вызов от кнопки отмены, чтобы показать все строки?

Answer 1

хорошо, мой обходной путь для этого теперь, когда я теперь использую каждый щелчок в поле поиска… я думаю, что если вы щелкнете в поле снова, вы, вероятно, захотите найти что-то совершенно другое:

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

Но если у кого-то есть правильное решение для этого, я хотел бы знать это.