把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 相关文章推荐
JS实现表格数据各种搜索功能的方法
Mar 03 Javascript
ECMAScript6函数剩余参数(Rest Parameters)
Jun 12 Javascript
分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug
Jan 10 Javascript
微信小程序 switch组件详解及简单实例
Jan 10 Javascript
node.js 用socket实现聊天的示例代码
Oct 17 Javascript
Bootstrap 树控件使用经验分享(图文解说)
Nov 06 Javascript
详解vscode中vue代码颜色插件
Oct 11 Javascript
JS实现深度优先搜索求解两点间最短路径
Jan 17 Javascript
vue中使用mxgraph的方法实例代码详解
May 17 Javascript
写给新手同学的vuex快速上手指北小结
Apr 14 Javascript
vue 使用lodash实现对象数组深拷贝操作
Sep 10 Javascript
AJAX检测用户名是否存在的方法
Mar 24 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将数据库中的电话号码读取出来并生成图片
2008/08/31 PHP
Opcache导致php-fpm崩溃nginx返回502
2015/03/02 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
2010/08/05 Javascript
基于jquery的无限级联下拉框js插件
2011/10/29 Javascript
使图片旋转的3种解决方案
2013/11/21 Javascript
JavaScript Serializer序列化时间处理示例
2014/07/31 Javascript
javaScript中with函数用法实例分析
2015/06/08 Javascript
深入探究AngularJS框架中Scope对象的超级教程
2016/01/04 Javascript
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例
2017/03/08 Javascript
NodeJS实现微信公众号关注后自动回复功能
2017/05/31 NodeJs
Angular在模板驱动表单中自定义校验器的方法
2017/08/09 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
2018/09/21 Javascript
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
[48:53]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第一场
2014/05/26 DOTA
详解Python中的序列化与反序列化的使用
2015/06/30 Python
python 打印出所有的对象/模块的属性(实例代码)
2016/09/11 Python
python实现将excel文件转化成CSV格式
2018/03/22 Python
python实现飞机大战微信小游戏
2020/03/21 Python
python实现多进程代码示例
2018/10/31 Python
pandas重新生成索引的方法
2018/11/06 Python
python爬虫 正则表达式解析
2019/09/28 Python
使用python matplotlib 画图导入到word中如何保证分辨率
2020/04/16 Python
关于探究python中sys.argv时遇到的问题详解
2021/02/23 Python
html5 touch事件实现页面上下滑动效果【附代码】
2016/03/10 HTML / CSS
使用Html5、CSS实现文字阴影效果
2018/01/17 HTML / CSS
美术国培研修感言
2014/02/12 职场文书
预备党员2014全国两会学习心得体会
2014/03/10 职场文书
经典广告词大全
2014/03/14 职场文书
安全承诺书格式
2014/05/21 职场文书
2014党员自我评议表范文
2014/09/20 职场文书
运动会广播稿200米(5篇)
2014/10/15 职场文书
医德医风个人工作总结2014
2014/11/14 职场文书
教师节作文之小学四年级
2019/09/03 职场文书
Nginx 负载均衡是什么以及该如何配置
2021/03/31 Servers
Redis缓存-序列化对象存储乱码问题的解决
2021/06/21 Redis