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

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.&nbsp;然后您可以使用事件在输入焦点上清除它，如果您愿意onfocus，可以再次使用事件显示它。onblur<input&nbsp;type="text"&nbsp;placeholder="this&nbsp;is&nbsp;value"&nbsp;onfocus="this.placeholder&nbsp;=&nbsp;''"&nbsp;onblur="this.placeholder&nbsp;=&nbsp;'this&nbsp;is&nbsp;value'"&nbsp;id="text">否则，您可以简单地创建占位符并保留它，直到用户用他们想要的值填充输入。<input&nbsp;type="text"&nbsp;placeholder="this&nbsp;is&nbsp;value"&nbsp;id="text">

Answer 2

我不完全知道你在尝试什么，但我认为你可能需要一个blur活动。var input = document.getElementById("text");var value = "on";input.addEventListener("focus", function() {&nbsp; if (value == "on") {&nbsp; &nbsp; input.value = "";&nbsp; &nbsp; value = "off";&nbsp; }&nbsp; else {&nbsp; &nbsp; text.value = "this is value";&nbsp; &nbsp; value = "on";&nbsp; }});input.addEventListener("blur", function () {&nbsp; input.value = "this is value";&nbsp; value = "on";});<input type="text" value="this is value" id="text">

Answer 3

事件旁边onfocus是onblur事件。第二个将被调用，当其他东西被喜欢并且输入失去焦点时。查看这篇文章。以下代码应满足您的要求：&nbsp;document.getElementById("text").onfocus = function() {&nbsp; &nbsp; document.getElementById("text").value=""&nbsp;}document.getElementById("text").onblur = function() {&nbsp; &nbsp; document.getElementById("text").value="this is value"}