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:使用占位符动态添加的文本区域将文本设置为占位符的主要内容,如果未能解决你的问题,请参考以下文章
通过 IE10 中的 jQuery 在 Textarea 上的 HTML5 占位符属性
使用 IE9、jquery 插件/html 验证的占位符问题
占位符在 IE8 和 IE9 中不起作用,即使使用 jQuery 插件