把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 相关文章推荐
使用JSLint提高JS代码质量方法分享
Dec 16 Javascript
js模拟hashtable的简单实例
Mar 06 Javascript
调试代码导致IE出错的避免方法
Apr 04 Javascript
jquery事件preventDefault()方法用法实例
Jan 16 Javascript
JS实现弹出居中的模式窗口示例
Jun 20 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
Aug 15 Javascript
jQuery插件autocomplete使用详解
Feb 04 Javascript
angular $watch 一个变量的变化(实例讲解)
Aug 02 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
Nov 27 Javascript
JavaScript面试出现频繁的一些易错点整理
Mar 29 Javascript
js如何找出字符串中的最长回文串
Jun 04 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 中的面向对象编程:通向大型 PHP 工程的办法
2006/12/03 PHP
Codeigniter上传图片出现“You did not select a file to upload”错误解决办法
2014/06/12 PHP
php冒泡排序与快速排序实例详解
2015/12/07 PHP
smarty高级特性之过滤器的使用方法
2015/12/25 PHP
用js判断用户浏览器是否是XP SP2的IE6
2007/03/08 Javascript
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
2010/01/15 Javascript
javascript控制图片播放的实现代码
2020/07/29 Javascript
Jquery中request和request.form和request.querystring的区别
2015/11/26 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
2016/05/12 Javascript
JavaScript DOM节点操作方法总结
2016/08/23 Javascript
Bootstrap CDN和本地化环境搭建
2016/10/26 Javascript
javascript数据类型详解
2017/02/07 Javascript
webpack配置的最佳实践分享
2017/04/21 Javascript
Nodejs 复制文件/文件夹的方法
2017/08/24 NodeJs
React Component存在的几种形式详解
2018/11/06 Javascript
Vue的全局过滤器和私有过滤器的实现
2020/04/20 Javascript
jquery更改元素属性attr()方法操作示例
2020/05/22 jQuery
js+audio实现音乐播放器
2020/09/13 Javascript
浅谈JavaScript 声明提升
2020/09/14 Javascript
对Python中9种生成新对象的方法总结
2018/05/23 Python
用xpath获取指定标签下的所有text的实例
2019/01/02 Python
pybind11在Windows下的使用教程
2019/07/04 Python
Django连接数据库并实现读写分离过程解析
2019/11/13 Python
Python进程的通信Queue、Pipe实例分析
2020/03/30 Python
Python使用socket模块实现简单tcp通信
2020/08/18 Python
HTML5 常见面试题之PC端和移动端区别介绍
2018/01/22 HTML / CSS
法国珠宝店:CLEOR
2017/01/29 全球购物
美国经典刺绣和字母儿童服装特卖:Smocked Auctions
2018/07/16 全球购物
匈牙利超级网上商店和优惠:Alza.hu
2019/12/17 全球购物
《路旁的橡树》教学反思
2014/04/07 职场文书
2014年采购员工作总结
2014/11/18 职场文书
学校世界艾滋病日宣传活动总结
2015/05/05 职场文书
2016教师廉洁教育心得体会
2016/01/13 职场文书
《风娃娃》教学反思
2016/02/18 职场文书
Python selenium模拟网页点击爬虫交管12123违章数据
2021/05/26 Python
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL