javascript - 使用新文本更新占位符文本 onClick/onFocus

Question

这是我刚想出的一个解决方案让我感到困惑，在 SO 上没有任何搜索显示任何内容。

标准输入框:

<input type="input" name="fName" placeholder="Your First Name">

但是假设我想在有人点击该字段或通过按 Tab 键使该字段处于焦点上时更新占位符文本。

所以它会变成:

<input type="input" name="fName" placeholder="Your First Name Goes Here">

这只是一个非常基本的示例，通过将“Goes Here”添加到占位符文本。

可行吗？甚至可以修改占位符？我不知道。

如果是这样，并且可以通过纯 JS 或 jQuery，我会很高兴看到如何做。

Answer 1

应该这样做(编辑:添加模糊重置):

$('input[name=fName]').on("click focus",function(){
    $(this).attr("placeholder","Your First Name Goes Here");
}).on("blur",function(){
    $(this).attr("placeholder","Your First Name");
});

更新 fiddle :http://jsfiddle.net/6tb8v/1/