IE11 + jQuery 1.8.3：动态添加带有占位符的文本区域，文本被设置为占位符

Question

这很可能是一个bug，但我在这里报告它以供参考，并为有人能够提出解决方法的微小机会而报告。

IE 11原生支持textarea元素上的placeholder属性，这很好。但是，向DOM添加带有占位符的新textarea时，它也自动将占位符文本放入textarea字段中！

以下是复现步骤：http://jsfiddle.net/wE577/1/

- Oliver

Answer 1

在jsfiddle上测试后，发现从jQuery 1.9版本开始，这个问题就不再存在了：http://jsfiddle.net/wE577/2/。这确实是一个奇怪的问题。不幸的是，我在谷歌上没有找到任何关于此问题的bug报告。因为目前我们无法将jQuery升级到1.8.3之外的版本（但我希望很快能够做到），我想出了一个解决方法，即在将新的元素添加到DOM之后设置<code>placeholder</code>属性，这样可以完美地解决问题。

- Oliver

Answer 2

我们正在使用jQuery版本1.10.1，但仍然遇到问题。

<textarea placeholder='Max 250 characters'>Max 250 characters</textarea>

为此，我们在点击（或调用）时清空了文本区域的值，如下所示

$('#textareaID textarea').val('');

- Keerthana