把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 相关文章推荐
JCalendar 日历控件 v1.0 beta[兼容IE&amp;Firefox] 有文档和例子
May 30 Javascript
javascript 进度条 实现代码
Jul 30 Javascript
stream.js 一个很小、完全独立的Javascript类库
Oct 28 Javascript
使用jquery实现以post打开新窗口
Mar 19 Javascript
JavaScript中的style.cssText使用教程
Nov 06 Javascript
js和jquery分别验证单选框、复选框、下拉框
Dec 17 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
Oct 26 Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
Feb 26 Javascript
微信小程序云开发如何实现数据库自动备份实现
Aug 16 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
Aug 16 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
Sep 10 Javascript
JavaScript实现打字游戏
Feb 19 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 HTML代码串截取代码
2008/12/29 PHP
linux下为php添加curl扩展的方法
2011/07/29 PHP
PHP中mysql_field_type()函数用法
2014/11/24 PHP
php无限极分类实现方法分析
2019/07/04 PHP
php+redis实现消息队列功能示例
2019/09/19 PHP
Laravel重定向,a链接跳转,控制器跳转示例
2019/10/22 PHP
javascript利用初始化数据装配模版的实现代码
2010/11/17 Javascript
div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
2013/08/29 Javascript
jQuery读取和设定KindEditor值的方法
2013/11/22 Javascript
js的Prototype属性解释及常用方法
2014/05/08 Javascript
如何防止回车(enter)键提交表单
2014/05/11 Javascript
Javascript实现的Map集合工具类完整实例
2015/07/31 Javascript
jQuery qrcode生成二维码的方法
2016/04/03 Javascript
第七篇Bootstrap表单布局实例代码详解(三种表单布局)
2016/06/21 Javascript
vue里面父组件修改子组件样式的方法
2018/02/03 Javascript
vue+axios+mock.js环境搭建的方法步骤
2018/08/28 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
2020/01/19 Javascript
three.js显示中文字体与tween应用详析
2021/01/04 Javascript
[01:09:23]KG vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
编写Python脚本使得web页面上的代码高亮显示
2015/04/24 Python
Python中的rjust()方法使用详解
2015/05/19 Python
python实现数独算法实例
2015/06/09 Python
Python运行报错UnicodeDecodeError的解决方法
2016/06/07 Python
python 表达式和语句及for、while循环练习实例
2017/07/07 Python
基于Python的XSS测试工具XSStrike使用方法
2017/07/29 Python
对Python中创建进程的两种方式以及进程池详解
2019/01/14 Python
PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形
2019/05/13 Python
Django处理多用户类型的方法介绍
2019/05/18 Python
PyTorch中clone()、detach()及相关扩展详解
2020/12/09 Python
Bailey帽子官方商店:Bailey Hats
2018/09/25 全球购物
销售高级职员求职信
2013/10/29 职场文书
师恩难忘教学反思
2014/04/27 职场文书
消防安全标语
2014/06/07 职场文书
故意杀人罪辩护词
2015/05/21 职场文书
PostgreSQL存储过程实用脚本(二):创建函数入门
2021/04/05 PostgreSQL
Linux系统下MySQL配置主从分离的步骤
2022/03/21 MySQL