把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 复制数组实现代码
Nov 26 Javascript
jquery实用代码片段集合
Aug 12 Javascript
jquery跨域请求示例分享(jquery发送ajax请求)
Mar 25 Javascript
JavaScript计算某一天是星期几的方法
Aug 05 Javascript
vue.js学习笔记之绑定style样式和class列表
Oct 31 Javascript
详解JavaScript跨域总结与解决办法
Oct 31 Javascript
Taro集成Redux快速上手的方法示例
Jun 21 Javascript
在React项目中使用Eslint代码检查工具及常见问题
Oct 10 Javascript
小程序数据通信方法大全(推荐)
Apr 15 Javascript
jQuery实现移动端图片上传预览组件的方法分析
May 01 jQuery
解决vue中provide inject的响应式监听
Apr 19 Vue.js
Vue router配置与使用分析讲解
Dec 24 Vue.js
用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初学入门
2006/11/19 PHP
php set_magic_quotes_runtime() 函数过时解决方法
2010/07/08 PHP
PHP中英混合字符串截取函数代码
2011/07/17 PHP
typecho插件编写教程(六):调用接口
2015/05/28 PHP
thinkPHP删除前弹出确认框的简单实现方法
2016/05/16 PHP
Laravel Validator 实现两个或多个字段联合索引唯一
2019/05/08 PHP
json数据处理技巧(字段带空格、增加字段、排序等等)
2013/06/14 Javascript
JS的document.all函数使用示例
2013/12/30 Javascript
常见JS验证脚本汇总
2015/12/01 Javascript
原生js制作日历控件实例分享
2016/04/06 Javascript
深入理解bootstrap框架之第二章整体架构
2016/10/09 Javascript
vue实现引入本地json的方法分析
2018/07/12 Javascript
vue中实现上传文件给后台实例详解
2019/08/22 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
2019/08/29 Javascript
前端深入理解Typescript泛型概念
2020/03/09 Javascript
[04:27]2014DOTA2国际邀请赛 NAVI战队官方纪录片
2014/07/21 DOTA
Python实现的简单发送邮件脚本分享
2014/11/07 Python
简单介绍Python中的floor()方法
2015/05/15 Python
python开发之字符串string操作方法实例详解
2015/11/12 Python
python数据类型_字符串常用操作(详解)
2017/05/30 Python
Python+opencv+pyaudio实现带声音屏幕录制
2019/12/23 Python
基于python实现获取网页图片过程解析
2020/05/11 Python
Python函数必须先定义,后调用说明(函数调用函数例外)
2020/06/02 Python
Django修改app名称和数据表迁移方案实现
2020/09/17 Python
python查询MySQL将数据写入Excel
2020/10/29 Python
彻底解决Python包下载慢问题
2020/11/15 Python
查找适用于matplotlib的中文字体名称与实际文件名对应关系的方法
2021/01/05 Python
详解canvas在圆弧周围绘制文本的两种写法
2018/05/22 HTML / CSS
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
车间班组长的职责
2013/12/13 职场文书
《骆驼和羊》教学反思
2014/02/27 职场文书
中学生纪念九一八事变演讲稿
2014/09/14 职场文书
工作作风整顿个人剖析材料
2014/10/11 职场文书
2014年保育员个人工作总结
2014/12/02 职场文书
重阳节活动主持词
2015/07/04 职场文书
mysqldump进行数据备份详解
2022/07/15 MySQL