捕获自动完成文本框交叉图标的事件
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了捕获自动完成文本框交叉图标的事件相关的知识，希望对你有一定的参考价值。
我在其中一个页面和文本框（值2）上面有一个自动完成框（值1），它在自动填充框中选择搜索到的术语时会填充。
当我单击自动完成框中出现的十字（X）时，值1框将被清除。我的要求是我想在点击十字按钮时清除值2框。
这甚至可能吗？我在互联网上搜索了很多，但找不到任何答案。
答案
您将需要搜索事件。当用户点击十字按钮时，将触发搜索事件。
- 当用户在文本框中输入值时，将触发onkeyup事件。
- 当用户点击十字按钮时，将触发onsearch事件。
function fillValue(e){
//console.log(e.target.value);
var txtAutoFill = document.getElementById("txt_auto_fill");
txtAutoFill.value = e.target.value;
}<label>Enter value </label><input type = "search" id="txt_auto" onsearch="fillValue(event)" onkeyup="fillValue(event)"/>
<br/>
<label>Will be auto filled</label>
<input type = "text" id="txt_auto_fill" />以上是关于捕获自动完成文本框交叉图标的事件的主要内容，如果未能解决你的问题，请参考以下文章