textarea 中的新行在 IE 中不起作用
Posted
技术标签:
【中文标题】textarea 中的新行在 IE 中不起作用【英文标题】:New lines in textarea doesn't work in IE 【发布时间】:2015-06-05 19:54:24 【问题描述】:对于 IE,我尝试了几种方法在 textarea 中添加新行,但均未成功。
HTML
<textarea name="myTextarea" rows=4 cols=4 maxlength=250></textarea>
JAVASCRIPT
var text= "line1 line2 line3";
text= text.replace(/\s/g, "\r");
$('textarea[name=myTextarea]').val(text);
更新
我试图删除与 textarea 及其工作相关的 css 关联。
textarea
white-space: nowrap;
问题是现在我不能在不打断它们的情况下在同一行显示单词。但这需要另一个问题
【问题讨论】:
在 Internet Explorer 中? 现有问题链接***.com/questions/2159622/… 我的问题好像不一样了 【参考方案1】:您的代码运行良好。我刚刚在IE里试过:http://jsfiddle.net/yo6cc45g/
问题是您设置了cols=4
并且line1 包含5 个字符,因此该数字将出现在新行中。把cols属性改成5就可以了。
<textarea name="myTextarea" rows=4 cols=5 maxlength=250></textarea>
【讨论】:
在您的测试中有效,但在我的应用程序中,即使我重现相同的情况,它也不起作用。 你把cols=4
改成cols=5
了吗?
再次,要显示单词而不破坏它们,请删除 cols=4
以上是关于textarea 中的新行在 IE 中不起作用的主要内容,如果未能解决你的问题,请参考以下文章
textarea中的maxlength在Angular中不起作用
textarea的window.getSelection()在Firefox中不起作用?