首頁猿問如何更改輸入字段的值后退焦點

如何更改輸入字段的值后退焦點

JavaScript

炎炎設計 2022-12-02 15:57:05

我已經設法將輸入字段 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" } }

查看完整描述

3 回答

蕪湖不蕪

TA貢獻1796條經驗獲得超7個贊

我不確定我是否理解對了。但我認為你在這里不需要這么復雜的東西，你可以簡單地使用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">

反對回復 2022-12-02

慕無忌1623718

TA貢獻1744條經驗獲得超4個贊

我不完全知道你在嘗試什么，但我認為你可能需要一個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";

});

反對回復 2022-12-02

侃侃爾雅

TA貢獻1801條經驗獲得超16個贊

事件旁邊onfocus是onblur事件。第二個將被調用，當其他東西被喜歡并且輸入失去焦點時。查看這篇文章。

以下代碼應滿足您的要求：

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

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

}

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

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

}

反對回復 2022-12-02

3 回答
0 關注
115 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何更改輸入字段的值后退焦點

如何更改輸入字段的值后退焦點

3 回答

添加回答