javascript - 点击删除，html

Question

我正在使用 webapp-net 为 iOS/android 构建应用程序。在我的应用程序中，我有一个带有一些文本字段的表单。我希望输入输入时通常出现在文本字段上的“X”图标。通过单击该图标，您可以一键删除整个输入。图标“X”仅在输入输入时出现，当文本字段为空时，图标不可见。如果你能给我一个如何做的例子，我将不胜感激。

Answer 1

这个简单的 html 展示了如何有一个输入字段和一个 X 按钮，当按下时它会调用一个干净的函数

<input type="text" onkeypress="show();" id="text" /><div id="close" onclick="clean();" style="display:none">x</div>

现在的javascript

<script type="text/javascript">
   function show(){
      document.getElementById('close').style.display = ''; //shows the X button when text is entered;
   }

   function clean(){
      document.getElementById('close').style.display = 'none'; //hides the X button
      document.getElementById('text').value = ""; //clears the field
   }
</script>

当然，这缺少验证，例如按下什么类型的键以避免在按下 SHIFT 或 CTRL 时显示 X 按钮