javascript - 使用 onblur/onfocus 创建字段占位符

Question

我正在尝试编写一个小脚本来充当表单字段占位符，以覆盖通常缺少的 IE。新的 javascript 所以我真的很感激一点帮助。我不确定我要去哪里错了......

function replacer(){

    var infoDef = document.getElementById("info").defaultValue;
    var info = document.getElementById("info");

    info.onblur = changevalue;
    info.onfocus = changevalue;

        function changevalue()
            if (info.value = infoDef) {
                info.value = '';
            }

            else {
                info.value = infoDef;
            }
        }
}

和 HTML：

<textarea name="info" id="info">Default text...</textarea>

Answer 1

找到 defaultValue 是一个好的开始，但代码确实需要一些更改才能正常工作。尝试这样的事情：

HTML：

<textarea id="txtarea">Default value...</textarea>

JavaScript：

var txtarea=document.getElementById("txtarea");
txtarea.onfocus=function() {
    if (txtarea.value==txtarea.defaultValue) txtarea.value="";
}
txtarea.onblur=function() {
    if (txtarea.value=="") txtarea.value=txtarea.defaultValue;
}

这是一个经过测试和工作的jsFiddle。不得不说，如果不是IE，placeholder会容易得多。