jquery - 使用 JQuery 隐藏占位符值

Question

我有很多带有一些文本输入的模板，如下所示:

<input type="text" autocomplete="off" value="" placeholder="Keywords" name="keywords" id="keywords">

客户要求我在用户单击字段时隐藏占位符值(示例中的关键字)。我不知道如何用 JS 和 JQuery 来做到这一点。有没有办法通过跨浏览器解决方案来实现这一点？

Answer 1

试试这个:{检查是否跨浏览器}

http://jsfiddle.net/MDhtj/1

$('input[placeholder]').on('focus', function () {
    var $this = $(this);
    $this.data('placeholder', $this.prop('placeholder')).removeAttr('placeholder')
}).on('blur', function () {
    var $this = $(this);
    $this.prop('placeholder', $this.data('placeholder'));
});