Safari搜索字段取消按鈕回叫？

Question

我有一些字段的表，我做了一個「生活搜索」找到的行...

我對這個代碼是這樣的：

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

這工作，不是真正的問題，但我的輸入字段是一個type =「搜索」，以便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(); 
}); 

但是如果有人對此有一個正確的解決方案，我想知道它。