把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 相关文章推荐
鼠标图片振动代码
Jul 06 Javascript
js 实现无干扰阴影效果 简单好用(附文件下载)
Dec 27 Javascript
js检测输入内容全为空格的方法
May 03 Javascript
javascript中通过arguments参数伪装方法重载
Oct 08 Javascript
js省市联动效果完整实例代码
Dec 09 Javascript
SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的
Dec 10 Javascript
JS实现物体带缓冲的间歇运动效果示例
Dec 22 Javascript
Bootstrap源码解读媒体对象、列表组和面板(10)
Dec 26 Javascript
bootstrap datetimepicker日期插件超详细使用方法介绍
Feb 23 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
Aug 21 Javascript
JavaScript监听触摸事件代码实例
Dec 30 Javascript
JS apply用法总结和使用场景实例分析
Mar 14 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实现用户认证及管理完全源码
2007/03/11 PHP
PHP封装的Twitter访问类实例
2015/07/18 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
php实现文件上传基本验证
2020/03/04 PHP
JavaScript 面向对象编程(1) 基础
2010/05/18 Javascript
Jquery实现搜索框提示功能示例代码
2013/08/13 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
2015/03/30 Javascript
jQuery图片左右滚动代码 有左右按钮实例
2016/06/20 Javascript
js中用cssText设置css样式的简单方法
2016/09/19 Javascript
sea.js常用的api简易文档
2016/11/15 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
2017/06/20 jQuery
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
2017/08/16 Javascript
JS实现瀑布流布局
2017/10/21 Javascript
Vue.js通用应用框架-Nuxt.js的上手教程
2017/12/25 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
2018/05/28 Javascript
Vue2.x通用编辑组件的封装及应用详解
2019/05/28 Javascript
javascript关于“时间”的一次探索
2019/07/24 Javascript
[05:08]2014DOTA2国际邀请赛 Hao专访复仇的胜利很爽
2014/07/15 DOTA
netbeans7安装python插件的方法图解
2013/12/24 Python
python在windows和linux下获得本机本地ip地址方法小结
2015/03/20 Python
用Python解析XML的几种常见方法的介绍
2015/04/09 Python
Python 中 Meta Classes详解
2016/02/13 Python
浅谈python中的实例方法、类方法和静态方法
2017/02/17 Python
window下eclipse安装python插件教程
2017/04/24 Python
python opencv 直方图反向投影的方法
2018/02/24 Python
详解python:time模块用法
2019/03/25 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
解决TensorFlow程序无限制占用GPU的方法
2020/06/30 Python
KARATOV珠宝在线商店:俄罗斯珠宝品牌
2019/03/13 全球购物
俄罗斯香水和化妆品在线商店:Aroma-butik
2020/02/28 全球购物
澳大利亚最受欢迎的女士度假服装:Kabana Shop
2020/10/10 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
素食餐饮项目创业计划书
2014/02/02 职场文书
幼儿园中班教师寄语
2014/04/03 职场文书
2014年销售工作总结与计划
2014/12/01 职场文书
优秀员工事迹材料
2014/12/20 职场文书