把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控件的相对独立性
Sep 03 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
Mar 11 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
Jan 03 Javascript
Vue2.0 UI框架ElementUI使用方法详解
Apr 14 Javascript
javascript获取图片的top N主色值方法详解
Jan 26 Javascript
webpack中的热刷新与热加载的区别
Apr 09 Javascript
解决vue打包css文件中背景图片的路径问题
Sep 03 Javascript
JS 实现微信扫一扫功能
Sep 14 Javascript
JavaScript实现与使用发布/订阅模式详解
Jan 19 Javascript
三步实现ionic3点击退出app程序
Sep 17 Javascript
Element Carousel 走马灯的具体实现
Jul 26 Javascript
基于element-ui封装表单金额输入框的方法示例
Jan 06 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
PHP7下协程的实现方法详解
2017/12/17 PHP
JavaScript学习笔记(十)
2010/01/17 Javascript
最简单的js图片切换效果实现代码
2011/09/24 Javascript
javascript获得网页窗口实际大小的示例代码
2013/09/21 Javascript
一个字符串反转函数可实现字符串倒序
2014/09/15 Javascript
JS实现的4种数字千位符格式化方法分享
2015/03/02 Javascript
浅谈Jquery核心函数
2015/06/18 Javascript
Angularjs 实现移动端在线测评效果(推荐)
2017/04/05 Javascript
基于jQuery中ajax的相关方法汇总(必看篇)
2017/11/08 jQuery
vue路由事件beforeRouteLeave及组件内定时器的清除方法
2018/09/29 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
2019/08/07 Javascript
小程序如何支持使用 async/await详解
2019/09/12 Javascript
vue.js 解决v-model让select默认选中不生效的问题
2020/07/28 Javascript
Javascript var变量删除原理及实现
2020/08/26 Javascript
JavaScript 闭包的使用场景
2020/09/17 Javascript
如何利用JS将手机号中间四位变成*号
2020/09/29 Javascript
一篇超完整的Vue新手入门指导教程
2020/11/18 Vue.js
Python中使用PyQt把网页转换成PDF操作代码实例
2015/04/23 Python
Python中标准库OS的常用方法总结大全
2017/07/19 Python
pandas中的DataFrame按指定顺序输出所有列的方法
2018/04/10 Python
python实现抖音视频批量下载
2018/06/20 Python
pandas 根据列的值选取所有行的示例
2018/11/07 Python
Python 最强编辑器详细使用指南(PyCharm )
2019/09/16 Python
python自动点赞功能的实现思路
2020/02/26 Python
解决python -m pip install --upgrade pip 升级不成功问题
2020/03/05 Python
Pycharm2020最新激活码|永久激活(附最新激活码和插件的详细教程)
2020/09/29 Python
Python 操作 MySQL数据库
2020/09/18 Python
html5 input输入实时检测以及延时优化
2018/07/18 HTML / CSS
销售队伍口号
2014/06/11 职场文书
2015年宣传部部长竞选演讲稿
2014/11/28 职场文书
2016年寒假政治学习心得体会
2015/10/09 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
Golang之sync.Pool使用详解
2021/05/06 Golang
springboot项目以jar包运行的操作方法
2021/06/30 Java/Android
Python中22个万用公式的小结
2021/07/21 Python
python APScheduler执行定时任务介绍
2022/04/19 Python