javascript - onclick 削除、html

Question

iOS/Android 用のアプリケーションを構築するために webapp-net を使用しています。私のアプリには、いくつかのテキスト フィールドを持つフォームがあります。入力が入力されたときにテキストフィールドに通常表示される「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ボタンが表示されないようにするために、どのタイプのキーが押されたかなどの検証が欠けています。