javascript - 如何通过 Javascript 清除 HTML 输入文本框

Question

我使用相同的输入文本框来收集多个值。

收集第一个输入后，我将通过调用清除该字段

document.getElementById("textbox").value= "";

从表面上看，上面的代码片段似乎是为了清除文本框。但是当我通过单击其他地方模糊文本框时，旧值会重新出现。

更多>>

我的 HTML >>

<input id="textbox" placeholder="Start">

Javascript>>

获得第一个输入后，我喜欢重置输入值>>>

document.getElementById("textbox").value= "";
document.getElementById("textbox").setAttribute("placeholder","End");

这就是我收集数据的方式>>>相同的文本框首先用于收集 Google“地点”，然后收集一些用户输入的评论。除了收集数据之外，someFunction() 还尝试通过调用 .value= ""

来清除文本框

google.maps.event.addListener(textbox, "place_changed", function() {
    someFunction();
});

Answer 1

这是我在谷歌上快速搜索找到答案的东西；我认为你确实可以用 onFocus() 玩一下:

<input type="text" value="Click here to clear text" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;"/>

它可能还需要使用一些 onBlur。

还有其他一些pointer ，如果您愿意，可以帮助您使用 jQuery。