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 输出中不起作用

textarea的window.getSelection()在Firefox中不起作用?

flexbox中的图像高度在IE中不起作用

JavaScript 中的 .trim() 在 IE 中不起作用

插件中的传播语法在 IE/edge 中不起作用