javascript - Chrome 中的占位符文本后备事件问题

Question

我有一个文本字段，其中占位符文本为“名字”，因此当用户单击该字段时 文本消失，他可以输入文本

HTML

  <input class="fname" type="text" placeholder="First Name"/>

JS

function placeHolderFallBack() {
if("placeholder" in document.createElement("input")) {  
    return;     //In chrome it comes here
}else { 
    // works fine in IE8,FF 
    } 

所以基本上上面的代码在 Chrome 中不起作用，有什么想法吗？

Answer 1

在 chrome 和 safari 中，占位符属性适用于 keyup。当您开始打字时它就会消失。

如果确实需要，请尝试这种方法

演示 - http://jsfiddle.net/NL2Dr/2/

var ttext;

$('input').focus(function(){
    ttext = $(this).attr('placeholder');            
    $(this).removeAttr('placeholder');
});
$('input').blur(function(){
    $(this).attr('placeholder', ttext);
});