使用JQuery隐藏占位符值

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

当用户单击该字段时，客户端要求我隐藏占位符值（示例中的关键字）。 我不知道如何用JS和JQuery做到这一点。 有没有办法通过crossbrowser解决方案实现这一目标？

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