如何更改输入字段的值后退焦点

Question

我已经设法将输入字段 onfocus 的文本值更改为空，但我无法弄清楚如何让它在网页 HTML 上其他任何地方的 onclick 上变回：<input type="text" value="this is value" id="text">记者： document.getElementById("text").onfocus = function() {            var value = "on"            if (value==="on") {            document.getElementById("text").value=""                value="off"            } else {                document.getElementById("text").value="this is value"                value="on"            }            window.onclick = function() {                document.getElementById("text").value="this is value"            }        }

Answer 1

我不确定我是否理解对了。但我认为你在这里不需要这么复杂的东西，你可以简单地使用placeholder. 然后您可以使用事件在输入焦点上清除它，如果您愿意onfocus，可以再次使用事件显示它。onblur

<input type="text" placeholder="this is value" onfocus="this.placeholder = ''" onblur="this.placeholder = 'this is value'" id="text">

否则，您可以简单地创建占位符并保留它，直到用户用他们想要的值填充输入。

<input type="text" placeholder="this is value" id="text">

Answer 2

我不完全知道你在尝试什么，但我认为你可能需要一个blur活动。

var input = document.getElementById("text");

var value = "on";

input.addEventListener("focus", function() {

  if (value == "on") {

    input.value = "";

    value = "off";

  }

  else {

    text.value = "this is value";

    value = "on";

  }

});

input.addEventListener("blur", function () {

  input.value = "this is value";

  value = "on";

});

<input type="text" value="this is value" id="text">

Answer 3

事件旁边onfocus是onblur事件。第二个将被调用，当其他东西被喜欢并且输入失去焦点时。查看这篇文章。

以下代码应满足您的要求：

 document.getElementById("text").onfocus = function() {

    document.getElementById("text").value=""

 }

document.getElementById("text").onblur = function() {

    document.getElementById("text").value="this is value"

}