把textarea中字符串里含有的回车换行替换成<br>的javascript代码


Posted in Javascript onApril 20, 2007

1楼
textarea.value.replace(/\n/g,     "<br>");
2楼
s=textarea.value.replace(/\r\n/g,     "<br>");   

3楼
按下的时候马上更换   
  V   ID="a"   contentEditable="true"   style='border:1   solid   black'>   
  其实以前早有很多人讨论过,代码比较多方法太可怕,自己用不到就没时间去研究,现在帮你试了一下,其实解决起来很简单了:)   
  <p>关于微软HTML编辑控件单击回车会插入<p>而不是<br>的解决方案</DIV>   <p>   
  <div   style='border:1   solid   black'   contentEditable="true">未经过脚本处理的编辑控件</div>   
  <script>   
  function   a.onkeypress(){     
  if(event.keyCode==13){   
  var   txtobj=document.selection.createRange()   
  txtobj.text==""?txtobj.text="\n":(document.selection.clear())&(txtobj.text="\n")   //三目复合表达式,解决有被选文字时回车的光标定位问题   
  document.selection.createRange().select()   
  return   false   
  }}   
  </script>
4楼
按下的时候马上更换   
  V   ID="a"   contentEditable="true"   style='border:1   solid   black'>   
  其实以前早有很多人讨论过,代码比较多方法太可怕,自己用不到就没时间去研究,现在帮你试了一下,其实解决起来很简单了:)   
  <p>关于微软HTML编辑控件单击回车会插入<p>而不是<br>的解决方案</DIV>   <p>   
  <div   style='border:1   solid   black'   contentEditable="true">未经过脚本处理的编辑控件</div>   
  <script>   
  function   a.onkeypress(){     
  if(event.keyCode==13){   
  var   txtobj=document.selection.createRange()   
  txtobj.text==""?txtobj.text="\n":(document.selection.clear())&(txtobj.text="\n")   //三目复合表达式,解决有被选文字时回车的光标定位问题   
  document.selection.createRange().select()   
  return   false   
  }}   
  </script>
5楼
按下的时候马上更换   
  V   ID="a"   contentEditable="true"   style='border:1   solid   black'>   
  其实以前早有很多人讨论过,代码比较多方法太可怕,自己用不到就没时间去研究,现在帮你试了一下,其实解决起来很简单了:)   
  <p>关于微软HTML编辑控件单击回车会插入<p>而不是<br>的解决方案</DIV>   <p>   
  <div   style='border:1   solid   black'   contentEditable="true">未经过脚本处理的编辑控件</div>   
  <script>   
  function   a.onkeypress(){     
  if(event.keyCode==13){   
  var   txtobj=document.selection.createRange()   
  txtobj.text==""?txtobj.text="\n":(document.selection.clear())&(txtobj.text="\n")   //三目复合表达式,解决有被选文字时回车的光标定位问题   
  document.selection.createRange().select()   
  return   false   
  }}   
  </script>

Javascript 相关文章推荐
Prototype使用指南之range.js
Jan 10 Javascript
自己动手开发jQuery插件教程
Aug 25 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
Jun 19 Javascript
js实现简单计算器
Nov 22 Javascript
jQuery实现标签页效果实战(4)
Feb 08 Javascript
如何使用Bootstrap创建表单
Mar 29 Javascript
vue的Virtual Dom实现snabbdom解密
May 03 Javascript
AngularJS 教程及实例代码
Oct 23 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
Sep 13 Javascript
小试SVG之新手小白入门教程
Jan 08 Javascript
微信小程序实现展示评分结果功能
Feb 15 Javascript
BootstrapValidator验证用户名已存在(ajax)
Nov 08 Javascript
用JAVASCRIPT如何给&amp;lt;textarea&amp;gt;&amp;lt;/textarea&amp;gt;赋值
Apr 20 #Javascript
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
Apr 20 #Javascript
js下弹出窗口的变通
Apr 18 #Javascript
代码生成器 document.write()
Apr 15 #Javascript
JavaScript 中的replace方法说明
Apr 13 #Javascript
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
Apr 12 #Javascript
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码
Apr 12 #Javascript
You might like
PHP中的extract的作用分析
2008/04/09 PHP
PHP Session_Regenerate_ID函数双释放内存破坏漏洞
2011/01/27 PHP
php实现QQ空间获取当前用户的用户名并生成图片
2015/07/25 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
javascript 支持链式调用的异步调用框架Async.Operation
2009/08/04 Javascript
nodejs实用示例 缩址还原
2010/12/28 NodeJs
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
2013/07/09 Javascript
jquery实现图片灯箱明暗的遮罩效果
2013/11/15 Javascript
在JS数组特定索引处指定位置插入元素的技巧
2014/08/24 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
2015/10/26 Javascript
javascript事件委托的用法及其好处简析
2016/04/04 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
2016/06/14 Javascript
简单实现AngularJS轮播图效果
2020/04/10 Javascript
vue数据控制视图源码解析
2018/03/28 Javascript
基于JavaScript的数据结构队列动画实现示例解析
2020/08/06 Javascript
vue 导航守卫和axios拦截器有哪些区别
2020/12/19 Vue.js
跟老齐学Python之再深点,更懂list
2014/09/20 Python
Python实现针对给定字符串寻找最长非重复子串的方法
2018/04/21 Python
Python基于百度AI的文字识别的示例
2018/04/21 Python
Python3使用Matplotlib 绘制精美的数学函数图形
2019/04/11 Python
python输出数学符号实例
2020/05/11 Python
Python 的 __str__ 和 __repr__ 方法对比
2020/09/02 Python
python基于exchange函数发送邮件过程详解
2020/11/06 Python
Python 图片处理库exifread详解
2021/02/25 Python
canvas进阶之贝塞尔公式推导与物体跟随复杂曲线的轨迹运动
2018/01/10 HTML / CSS
简单叙述一下MYSQL的优化
2016/05/09 面试题
亮化工程实施方案
2014/03/17 职场文书
毕业寄语大全
2014/04/09 职场文书
初中生期末评语大全
2014/04/24 职场文书
2014年社区综治工作总结
2014/11/17 职场文书
清洁工岗位职责
2015/02/13 职场文书
行政主管岗位职责范本
2015/04/09 职场文书
欠条样本
2015/07/03 职场文书
合作合同协议书
2016/03/21 职场文书
Ruby序列化和持久化存储 Marshal和Pstore介绍
2022/04/18 Ruby
Mysql数据库group by原理详解
2022/07/07 MySQL