有没有一种快速的方法来创建一个右侧有图标的输入文本元素来清除输入元素本身(如谷歌搜索框)?
我环顾四周,但我只找到了如何将图标作为输入元素的背景.是否有jQuery插件或其他东西?
我想要输入文本元素中的图标,如:
--------------------------------------------------
| X|
--------------------------------------------------
Run Code Online (Sandbox Code Playgroud) 在HTML5中有一种新的输入类型"搜索".在大多数浏览器上,它只是一个简单的"文本"输入,但对于基于webkit的浏览器,它添加了一个小的交叉来重置输入.
我希望能够处理这个,有没有这样的事件?
某些浏览器(如Chrome)会在输入上提供额外的搜索取消按钮type="search",如下图所示.
通常keyup,附加检查足以测试用户是否删除了输入字符串(不是右键点击帐户).但是,如果用户通过webkit浏览器提供的特殊取消按钮取消输入,则既keyup不会change触发也不会触发.
这些取消按钮是否有某种特殊事件?或者我是否必须检查已存在的事件之一click?

<input type='text' onchange="reportAnswer(1, this.value);" onkeyup="this.onchange();" onpaste="this.onchange();" oncut="this.onchange();" onclear = "this.onchange();" />

如何捕捉这种变化?这是IE11。
PS我添加了onclear处理程序,因为没有想法该怎么做。
如何用Angular 2(4,5,6,7)绑定事件的十字图标<input type="search">?哪个事件被触发?
寻找像(除了(搜索)之外的解决方案,因为它在IE中不起作用):
<input type="search" (click)="search()">
Run Code Online (Sandbox Code Playgroud)
附加问题:这个十字图标的官方名称是什么?有点困难谷歌搜索/ duckduckgoing解决方案不知道正确的条款?
重复问题:如何检测"搜索"HTML5输入的清除?