Question

您好，通过js实现得到焦点时文本框清空,失去焦点时又显示默认文字，值

您好，通过js实现得到焦点时文本框清空,失去焦点时又显示默认文字，值发生改变时不再恢复默认文字，而且当用户输入的值与默认值相同时，再获取焦点时不清空，怎么实现呢

Answer 1

如果你那文本框是 <input id="inputbox" type="text" />

var modified = false;
document.getElementById("inputbox").onfocus = function() {
    if(!modified)
        document.getElementById("inputbox").value = "";
};
document.getElementById("inputbox").onblur = function() {
    if(!modified)
        document.getElementById("inputbox").value = "默认文字";
};
document.getElementById("inputbox").onkeydown = function() {
    modified = true;
};