当我单击chrome的输入类型=搜索元素上的X时,是否触发了任何事件

Are any events fired when I click the X on chrome's input type = search element?

本文关键字:是否 任何 事件 元素 chrome 单击 输入 类型 搜索      更新时间:2023-09-26

所以我决定在页面上加入一个<input type="search">元素,我看到Chrome渲染了一个漂亮的小X图标,我可以点击它来清除值。看起来此图标可以触发change事件,但前提是自上次blur以来input内容已更改。

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

我似乎无法弄清楚如何处理这种情况。当用户从一个空框开始时,他们会给予它焦点并开始键入。但是,当他们停止并单击chrome的X按钮时,keyup不会触发(duh)。此外,当它们模糊时,不会触发change事件,因为搜索输入处于与首次接收焦点时相同的状态。

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

您可能正在寻找onsearch事件,该事件在用户搜索或通过按x删除搜索文本时触发