javascript - クリックしてテキスト入力をクリアする

Question

私はinputタイプtextを持っています。クリックしたらクリアしたい。しかし、私のアプローチはうまくいきません

<span class="input"><input type="text" id="input1" onclick="clear()"></span>

clear()関数の場所

function clear() {
    alert(event.target.id);
    event.target.value = "";
}

正しい方法は何ですか？

Answer 1

問題は、あなたの代わりdocument.clear()に実際に呼び出される関数があることです!

この場合、関数が非推奨であるため、Google Chrome にも警告が表示されます。

document.clear() は非推奨です。このメソッドは何もしません。
— Google Chrome v30

別の名前を選択してください:

function clearA(obj) {
  obj.value = "";
}

<input type="text" id="input1" onclick="clearA(this);" />

または、実際のイベント リスナーを使用します (これが推奨される方法です!)。

document.getElementById("input1").addEventListener("click", function () {
  this.value = "";
};