Jquery实现textarea自动换行

今天做一个在线聊天小程序的时候，利用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("");} );})

Jquery实现textarea自动换行相关推荐

Jquery实现 TextArea 文本框根据输入内容自动适应高度
原文 Jquery实现 TextArea 文本框根据输入内容自动适应高度在玩微博的时候我们可能会注意到一个细节就是不管是新浪微博还是腾讯微博在转发和评论的时候给你的默认文本框的高度都不会很高,这可能 ...
html中文本框的透明度,jQuery实现textarea文本框半透明文本提示效果
jquery实现textarea文本框带有半透明文本提示效果: textarea文本框一般用于编辑大段的文本,比如编辑器或者简单的留言回复之类的功能,有的在textarea文本框的有默认的提示语言. ...
html中的text标签怎么设置自动换行,textarea自动换行如何设置
怎么让textArea不自动换行如何使在某个中按下回车,不如何使在某个中按下回车,不换行,而显示"在keydown事件中判断按下键盘的keycode(貌似是13),把event.retur ...
html5 控件赋值,jquery给textarea赋值
html中怎样给textarea赋值? html中给textarea赋值比较常见的方式:1.html中直接书写:2.通过JS动态修改: 第一种:JQuery给textarea取值和赋值: 取值 var ...
jquery对textarea写入_「textarea赋值」JQuery给textarea取值和赋值 - seo实验室
textarea赋值 JQuery给textarea取值和赋值取值 var qrcodefortemcontent=$("#qrcodefortemcontent").val() ...
JQuery设置textarea只读readonly
JQuery设置textarea为只读: $("#textareaID").prop("readonly",true) 亲测有效!
Textarea 自动换行实现
前端页面使用 Textarea 来输入内容时,可能会有这样的需求,要求用户在指定的位置处自动换行,指定位置处一般就是指定用户输入一定长度的字符.如下图所示: 而我们知道 Textarea 在默认情况下 ...
jquery mobile textarea宽度更改
最近用到jquery mobile的 textarea控件,该控件原定不能更改长度和宽度,但如下方法可行: <div data-role="fieldcontain"> ...
jquery 使用textarea
问题: 若在textarea标签中键入一个回车时,将插入2个字符\n\r ,将在datagrid不能正确显示. \n: 回车符 \r: 换行符解决方案: txt = txt.Replace(&quo ...

Jquery实现textarea自动换行

Jquery实现textarea自动换行相关推荐

最新文章

热门文章