javascript - 如何用javascript清除输入？

Question

我有 3 个输入:

<label for="text1">Text 1</label>
<input type="text" class="text1" value="To clear"><br>

<label for="text2">Text 2</label>
<input type="text" class="text2" value="to select"><br>

<label for="text3">Text 3</label>
<input type="text" class="text3" value="Click in this field">

我希望当您单击 text3 时，它会删除​​ text1。我做了一个函数，但它不起作用:

<script>
    function myFunction(text3) {
        document.text1.value = "";
    }   
</script>

Answer 1

这样做的正确方法是为元素分配一个事件监听器，您可以在其中调用您的函数

function myFunction() {
  document.querySelector('input.text1').value = "";
}


document.querySelector('input.text3').addEventListener('focus', myFunction);

<label for="text1">Text 1</label>
<input type="text" class="text1" value="To clear"><br>

<label for="text2">Text 2</label>
<input type="text" class="text2" value="to select"><br>

<label for="text3">Text 3</label>
<input type="text" class="text3" value="Click in this field">

确保使用 querySelector、getElement(s)By... 等 DOM 方法选择元素。永远不要依赖于通过它的全局 id 访问元素，因为这可能会中断，具体取决于使用的浏览器。 (虽然 document.text1.value = ""; 永远不会工作..)