IE11 + jQuery 1.8.3:使用占位符动态添加的文本区域将文本设置为占位符

Posted

技术标签:

【中文标题】IE11 + jQuery 1.8.3:使用占位符动态添加的文本区域将文本设置为占位符【英文标题】:IE11 + jQuery 1.8.3: dynamically added textarea with placeholder has text set to placeholder 【发布时间】:2014-06-16 00:19:29 【问题描述】:

这很可能是一个错误,但我在此报告它以供参考,并希望有人能够提出解决方法。

IE 11 原生支持 textarea 元素上的 placeholder 属性。那太棒了。但是向 DOM 添加一个带有占位符的新 textarea,它也会自动将占位符文本放入 textarea 的字段中!

这是复制品:http://jsfiddle.net/wE577/1/

【问题讨论】:

【参考方案1】:

在 jsfiddle 上摆弄,原来从 jQuery 1.9 开始,就没有出现这个问题了:http://jsfiddle.net/wE577/2/。

确实是一个奇怪的问题。不幸的是,我的 google foo 没有出现任何关于此的错误报告。

由于目前,我们无法将 jQuery 升级到 1.8.3 以上(尽管我希望我们很快会这样做),我想出的解决方法是设置 placeholder 属性添加新的 @ 987654323@ 元素到 DOM,完美运行。

【讨论】:

【参考方案2】:

我们正在使用 jquery 1.10.1 版,但仍然面临问题,

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

为此,我们在单击(或调用)时清空了 textarea 的值,就像这样

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

【讨论】:

以上是关于IE11 + jQuery 1.8.3:使用占位符动态添加的文本区域将文本设置为占位符的主要内容,如果未能解决你的问题,请参考以下文章

IE 10, 11. 如何防止使用占位符的文本输入触发焦点输入事件?

IE 11 无法正确呈现占位符颜色

模型驱动表单 - IE11 上的输入占位符问题

用 IE7 编辑占位符属性

IE浏览器中的占位符文本问题(8-9)

占位符和 IE < 10 个问题