您如何检测“搜索”HTML5 输入的清除？

Question

在 HTML5 中， search 输入类型在右侧出现一个小 X，它将清除文本框（至少在 Chrome 中，可能还有其他）。有没有一种方法可以检测何时在 Javascript 或 jQuery 中单击此 X，而不是检测何时单击该框或进行某种位置单击检测（x 位置/y 位置）？

原文由 Jason 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

实际上，每当用户搜索或单击“x”时都会触发一个“搜索”事件。这特别有用，因为它理解“增量”属性。

现在，话虽如此，我不确定您是否可以区分单击“x”和搜索之间的区别，除非您使用“onclick”黑客。无论哪种方式，希望这会有所帮助。

多托罗网络参考

原文由 Pauan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

绑定 search 事件搜索框如下 -

 $('input[type=search]').on('search', function () {
    // search logic here
    // this function will be executed on click of X (clear button)
});

原文由 Sharad Biradar 发布，翻译遵循 CC BY-SA 3.0 许可协议