Jquery实现textarea自动换行

原创 2012年07月05日 15:40:09

今天做一个在线聊天小程序的时候,利用jquery把文本框中的内容放入文本域,发现嵌入Html代码<br/>没有反应,这是去网上查查没

找到答案,不过看到了这样一句话:

jQuery的text()和val()都可以取到值。TextArea里面的原始换行是"\n\r",用text()取的时候,换行变成了 "\r",用val()取的时候,换行变

成"\n",于是想到把<br/>改成\n问题解决

html代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Talk</title>
<script  type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript" language="javascript" src="talk.js"></script>
<style type="text/css"> 
div.ex
{
background-color:#e5eecc;
padding:7px;
border:solid 1px #c3c3c3;
}
</style>
</head>

<body>
<div align="center" >

<div class="ex" style="width:40%"  align="left">
<textarea  id="info" ></textarea>
</div>
<br />
发表内容:
<input type="text" id="talk"  />
<input id="submit" type="button" value="提交" />

</div>
</body>
</html>


JS代码:

$(document).ready(function(){
						   $("#submit").click(
									function(){
										$("#info").append("admin:"+$("#talk").val()+"\n");										
										$("#talk").val("");
									} );
						   })


 

 

 

获取textarea标签中的换行符和空格

问题: 获取到textarea标签内的格式(换行符、空格)取到,存入数据库,展示的时候能够保留基本格式。 解决思路: IE9以上、FF、chrome的换行为\n, IE7-8的时候换行为...
  • hj7jay
  • hj7jay
  • 2017-07-04 09:29:11
  • 7516

js获取TextArea每一行字符串(包括自动换行符)的解决方案

js获取TextArea自动换行符是一个比较头疼的问题,本文给出了一个完美的解决方案,实现时需要注意文章中描述的几个小细节。...
  • einarzhang
  • einarzhang
  • 2013-11-20 17:39:42
  • 34112

在jq中textarea用val()与text()取回车换行值得差异

JQuery TextArea的取值与赋值问题 首先,说明这不是一个简单的问题! 先说取值: (“#textarea”).text();读取,最近测试时候发现在firefox...
  • rui0838
  • rui0838
  • 2017-01-04 16:37:53
  • 3718

jQuery替换textarea中的换行

      昨天同事在学习jQuery的时候,希望使用替换掉textarea中的换行。                                                        提...
  • spring21st
  • spring21st
  • 2009-08-26 11:17:00
  • 7411

JS控制在textarea中换行

好久没记东西了,今天遇到个小问题折腾了好一会,记录一下。 如何在前台JS代码中控制文字内容在Textarea中换行: var result = ""; for ( var in...
  • kewen303
  • kewen303
  • 2014-12-01 20:09:33
  • 8625

jQuery对内容的获取,添加,移动的.append(), .html(), .prepend(), .after(), .before()

在jQuery中我们使用.append(), .appendTo(), .html(), .text(), .prepend(), .prependTo(), .after(), .before(),...
  • u013005050
  • u013005050
  • 2016-08-11 21:01:51
  • 1254

textarea自动换行与自适应高度

textarea自动换行与自适应高度,并去除滚动条onpropertychange=this.style.posHeight=this.scrollHeight onfocus=this.style....
  • justinchen
  • justinchen
  • 2005-03-24 10:07:00
  • 3854

JQuery给textarea取值和赋值

JQuery给textarea取值和赋值
  • bestcxx
  • bestcxx
  • 2016-02-24 17:12:56
  • 65521

在EasyUI中设置TextArea的自动换行

在属性中添加: word-wrap: break-word; var str = "=950){event.returnValue=false}'    style='width:320px;w...
  • u013493957
  • u013493957
  • 2015-03-10 16:55:48
  • 4433

页面textarea中文本换行的功能

问题描述: 页面中要求文本能够换行,比如显示日志的记录,需要换行显示。文本中使用\r\n,或者、等标记页面解析后仍然不能实现效果。 解决方法: 在文本中加入特定的页面换行标记,如下红字所示: ...
  • yan_dk
  • yan_dk
  • 2014-01-19 20:26:30
  • 1357
收藏助手
不良信息举报
您举报文章:Jquery实现textarea自动换行
举报原因:
原因补充:

(最多只允许输入30个字)