javascript - 当我在 chrome 的 input type = search 元素上单击 X 时,是否会触发任何事件?

标签 javascript html google-chrome search input

所以我决定加入一个 <input type="search">页面上的元素,我看到 Chrome 呈现了一个漂亮的小 X 图标,我可以单击它来清除该值。看起来这个图标可以触发 change事件,但仅当 input自上次以来内容已更改 blur .

假设我正在处理 keyup事件以在用户键入时自动呈现结果。当他们输入时,结果会被过滤(在每个 keyup 事件期间自动触发一些 ajax)。然后,当用户停下来并单击 X 图标时,我想恢复显示所有结果。

我似乎无法弄清楚如何处理这种情况。当用户从一个空框开始时,他们会给予它焦点并开始输入。然而,当他们停下来并点击 chrome 的 X 按钮时,keyup没有被解雇(呃)。此外,当它们模糊时,change事件未被触发,因为搜索输入与它第一次获得焦点时的状态相同。

当有人点击这个小 X 图标时,是否会触发任何其他事件?我必须处理 click 吗?以及keyup ,还是有更具体的东西?

最佳答案

您可能正在寻找 onsearch event每当用户搜索或通过按 x

删除搜索文本时都会触发

关于javascript - 当我在 chrome 的 input type = search 元素上单击 X 时,是否会触发任何事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11852191/

相关文章:

javascript - HTML 输入值属性 - 相同的输入,(显然)不同的结果

javascript - 在按钮之间切换

javascript - 如何将选择器 ID 复制到 li 选择器类中?

php - 用表格条目加一填充文本框?

javascript - 用 Javascript 开发 Canvas 游戏是否需要框架?

css - 是否可以将一个 div 用作另一个 div 的背景图像?

javascript - 在 Chrome 和 Edge 中使用 jQuery 隐藏和显示元素闪烁

javascript - 脚本未在 Chrome 上运行

Javascript Service Worker - 如何在浏览器关闭时触发事件

javascript - 无法获取从 PHP 到 $.ajax 的 JSON 回显