如何删除焦点上的占位符

Question

我创建了这个简单的函数,在不支持它的浏览器中添加占位符:

DEMO

问题是:当用户在其中单击时,如何添加该功能以删除占位符？

Answer 1

尝试使用removeAttr()之类的,

$('input,textarea').focus(function(){
   $(this).removeAttr('placeholder');
});

演示

要placeholder value再次blur()尝试这个,

$('input,textarea').focus(function(){
   $(this).data('placeholder',$(this).attr('placeholder'))
          .attr('placeholder','');
}).blur(function(){
   $(this).attr('placeholder',$(this).data('placeholder'));
});

演示1

Answer 2

没有必要使用javascript函数来实现这一点,更简单的解决方案是:

<input type="text" placeholder="enter your text" onfocus="this.placeholder=''" onblur="this.placeholder='enter your text'" />

Answer 3

CSS为我工作:

input:focus::-webkit-input-placeholder {
    color: transparent;
}