把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 相关文章推荐
javaScript年份下拉列表框内容为当前年份及前后50年
May 28 Javascript
jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果
Aug 25 Javascript
js实现图片无缝滚动特效
Mar 19 Javascript
vue.js入门教程之基础语法小结
Sep 01 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
Sep 28 Javascript
JS实现的ajax和同源策略(实例讲解)
Dec 01 Javascript
mint-ui 时间插件使用及获取选择值的方法
Feb 09 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
Mar 13 Javascript
chosen实现省市区三级联动
Aug 16 Javascript
详解在Node.js中发起HTTP请求的5种方法
Jan 10 Javascript
JS回调函数深入理解
Oct 16 Javascript
一起写一个即插即用的Vue Loading插件实现
Oct 31 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加密解密类代码
2011/11/27 PHP
浅谈php错误提示及查错方法
2015/07/14 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
深入剖析PHP中printf()函数格式化使用
2016/05/23 PHP
PHP无限极分类函数的实现方法详解
2017/04/15 PHP
thinkPHP3.2使用RBAC实现权限管理的实现
2019/08/27 PHP
比较简单的一个符合web标准的JS调用flash方法
2007/11/29 Javascript
javascript引导程序
2008/10/26 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
2014/02/26 Javascript
创建js对象和js类的方法汇总
2014/12/24 Javascript
无刷新上传文件并返回自定义值
2015/06/11 Javascript
js实现的简单radio背景颜色选择器代码
2015/08/18 Javascript
JavaScript的ExtJS框架中表格的编写教程
2016/05/21 Javascript
jQuery AJAX timeout 超时问题详解
2016/06/21 Javascript
JS使用cookie设置样式的方法
2016/06/30 Javascript
JS实现页面进入和返回定位到具体位置
2016/12/08 Javascript
Bootstrap表单使用方法详解
2017/02/17 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
2017/09/20 Javascript
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
2019/02/18 Javascript
JavaScript实现密码强度实时验证
2020/03/18 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
2020/11/11 Javascript
解决vue项目本地启动时无法携带cookie的问题
2021/02/06 Vue.js
在Python中操作日期和时间之gmtime()方法的使用
2015/05/22 Python
深入了解Python数据类型之列表
2016/06/24 Python
python实现坦克大战游戏 附详细注释
2020/03/27 Python
python代码编写计算器小程序
2020/03/30 Python
解决Tensorboard 不显示计算图graph的问题
2020/02/15 Python
Python startswith()和endswith() 方法原理解析
2020/04/28 Python
解决Keras 自定义层时遇到版本的问题
2020/06/16 Python
python 实现逻辑回归
2020/12/30 Python
美国知名艺术画网站:Art.com
2017/02/09 全球购物
新大陆软件面试题
2016/11/24 面试题
化工机械应届生求职信
2013/11/04 职场文书
读书心得体会
2013/12/28 职场文书
2015年秋季学校开学标语
2015/07/16 职场文书
Python3 多线程(连接池)操作MySQL插入数据
2021/06/09 Python