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'));
});