jQuery实现文本域中按回车加换行

例子

 代码如下 复制代码

<script type="text/javascript">
 jQuery(function ()
{
jQuery('.content textarea').keyup(function (e){
if(e.keyCode == 13){
var curr = getCaret(this);
var val = jQuery(this).val();
var end = val.length;

jQuery(this).val( val.substr(0, curr) + '<br/>' + val.substr(curr, end));
}

})
});

function getCaret(el) {
if (el.selectionStart) {
return el.selectionStart;
}
else if (document.selection) {
el.focus();

var r = document.selection.createRange();
if (r == null) {
return 0;
}

var re = el.createTextRange(),
rc = re.duplicate();
re.moveToBookmark(r.getBookmark());
rc.setEndPoint('EndToStart', re);

return rc.text.length;

return 0;
}

</script>

html

<div class="content">
<textarea>在光标位置按回车加br标签</textarea>
</div>

补充:现文本框回车键转tab键

 代码如下 复制代码

<script type="text/javascript">
//功能:将回车键转tab键
jQuery(function () {
jQuery('input:text:first').focus();
var $inp = jQuery('input:text');
$inp.bind('keydown', function (e) {
var key = e.which;
if (key == 13) {
e.preventDefault();
var nxtIdx = $inp.index(this) + 1;
jQuery(":input:text:eq(" + nxtIdx + ")").focus();
}
});
});
</script>

时间: 2024-08-02 16:36:53

jQuery实现文本域中按回车加换行的相关文章

如何容jquery实现,当该文本域中value取的session中的值为0时,将值变为1

问题描述 如何容jquery实现,当该文本域中value取的session中的值为0时,将值变为1 如何容jquery实现,当该文本域中value取的session中的值为0时,将值变为1 <input type="text" id="serialNumber" name="serialNumber" maxlength="250" style="width: 80%" value="${q

文本域中换行符的替换示例

 这篇文章主要介绍了文本域中换行符的替换,需要的朋友可以参考下 说明:代码在实际项目中测试通过,我已经省去些不重要的,大家可以重点看颜色标记的部分    前戏:    问:为什么做这个呢??    答:项目中有个将录入的文本域文字保存到数据库中.'查看时'从数据库获取相应数据,显示在文本域中.开发期间发现换行符使用jquery 的val() 还是text()获取后不做处理,保存数据库中没有换行了,自然取出来显示也就没有换行符了!由此写了下面的文章----有点啰嗦啊!  代码如下: <%@ pag

文本域中换行符的替换示例_jquery

说明:代码在实际项目中测试通过,我已经省去些不重要的,大家可以重点看颜色标记的部分 前戏: 问:为什么做这个呢?? 答:项目中有个将录入的文本域文字保存到数据库中.'查看时'从数据库获取相应数据,显示在文本域中.开发期间发现换行符使用jquery 的val() 还是text()获取后不做处理,保存数据库中没有换行了,自然取出来显示也就没有换行符了!由此写了下面的文章----有点啰嗦啊! 复制代码 代码如下: <%@ page contentType="text/html;charset=U

JS替换文本域内的回车示例

 这篇文章主要介绍了JS如何替换文本域内的回车,需要的朋友可以参考下 代码如下: <html>  <head>  <title>无标题文档</title>  <script type="text/javascript">  function aa()  {  s=form1.t1.value;  s=s.replace(//n|/r/g,"");// 加上g是全局替换,不加只替换第一个 是回车.是换行符 

java 文本域-关于向文本域中添加文字的问题

问题描述 关于向文本域中添加文字的问题 我每一次设置文本域的内容都会覆盖以前的内容,我不想这样,怎么办呀 解决方案 先获取原本的内容,然后在设置前把内容拼接起来

asp环境中如何把从文本域中获得的日期(格式为yyyy/mm/dd)加上特定天数后显示在新文本域中?

问题描述 asp环境中如何把从文本域中获得的日期(格式为yyyy/mm/dd)加上特定天数后显示在新文本域中? asp环境中如何把从文本域中获得的日期(格式为yyyy/mm/dd)加上特定天数后显示在新文本域中? 解决方案 d = CDate(文本框) DateAdd("d", d, 天数) Print d

请问在Lotus notes中,如何批量保存文档中多个文本域中的附件

问题描述 我用了以下的代码可以批量保存多个文档中一个文本域的附件,比如htwj,如果要保存多个文本域的附件,比如htwj_1和htwj_2,该如何写呢.请大神指点,谢谢!SubInitialize()DimsessionAsNewNotesSessionDimdbAsNotesDatabaseDimcollectionAsNotesDocumentCollectionDimdocAsNotesDocumentDimrtitemAsVariantDimsAsVariantDimNotesItemA

如何用对话框读取富文本域中的N个文件的文件名列表

问题描述 公司里有个内部的用lotus做的新闻发布系统,发布新闻的表单页上有个对话框的域,专门用来显示新闻对应的封面照片的.对话框点开的时候,即会读取数据库内某个位置的图片资源,所有那个位置的文件名都会显示出来.如今想自己也来实现这样的一个读取文件名的对话框域.那样的一个存放照片的域是什么域呢?看公司系统里貌似是个富文本域(全年的新闻图片都可以堆放在同一个域里,通过文件名最终可以被读出显示在网页上).那么又是如何让对话框把文件名都读出来的呢?网上查了下,貌似lotus里有个dir的函数?但具体怎

javascript获取到textarea文本框中的回车换行符

作者:王先荣 结论     javascript获取到textarea文本框中的字符串中,如果包含有回车换行符,在字符串中表现为"\n",而不是我们通常所见的"\r\n". 发现问题     今天在做小网站的时候,需要将用户输入的英文分号.中英文逗号及回车都替换成中文分号,在编javascript函数的过程中,总是无法正确的替换回车. 例如:用户在textarea中输入: 测试字符串1 测试字符串2 我们将textarea中的输入字符串保存到变量content中,下