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

javascript jquery html dom-events events

2022-08-30 01:13:11

在HTML5中，输入类型在右侧显示一个小X，这将清除文本框（至少在Chrome中，也许是其他）。有没有办法检测何时在Javascript或jQuery中单击此X，而不是检测何时单击该框或执行某种位置单击检测（x-position/y-position）？search

答案 1

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

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

答案 2

绑定 -事件搜索框，如下所示-search

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