把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 相关文章推荐
Jquery CheckBox全选方法代码附js checkbox全选反选代码
Jun 09 Javascript
文本框input聚焦失焦样式实现代码
Oct 12 Javascript
js使用递归解析xml
Dec 12 Javascript
jQuery实现宽屏图片轮播实例教程
Nov 24 Javascript
使用Javascript实现选择下拉菜单互移并排序
Feb 23 Javascript
JS实现重新加载当前页面或者父页面的几种方法
Nov 30 Javascript
javascript正则表达式模糊匹配IP地址功能示例
Jan 06 Javascript
深入理解Angularjs中$http.post与$.post
May 19 Javascript
JS监控关闭浏览器操作的实例详解
Sep 12 Javascript
IntelliJ IDEA 安装vue开发插件的方法
Nov 21 Javascript
vue中如何使用ztree
Feb 06 Javascript
解决layui使用layui-icon出现默认图标的问题
Sep 11 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脚本数据库功能详解(上)
2006/10/09 PHP
学习thinkphp5.0验证类使用方法
2017/11/16 PHP
Yii2框架操作数据库的方法分析【以mysql为例】
2019/05/27 PHP
js技巧--转义符&quot;\&quot;的妙用
2007/01/09 Javascript
解析John Resig Simple JavaScript Inheritance代码
2012/12/03 Javascript
jQuery 获取和设置select下拉框的值实现代码
2013/11/08 Javascript
javascript实现数字验证码的简单实例
2014/02/10 Javascript
jQuery中的val()示例应用
2014/02/26 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
javascript实现checkbox全选的代码
2015/04/30 Javascript
JS实现同一个网页布局滑动门和TAB选项卡实例
2015/09/23 Javascript
JavaScript判断对象是否为数组
2015/12/22 Javascript
jQuery取得iframe中元素的常用方法详解
2016/01/14 Javascript
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
2016/11/21 Javascript
Vue.js实现简单ToDoList 前期准备(一)
2016/12/01 Javascript
jQuery图片轮播功能实例代码
2017/01/29 Javascript
React-router4路由监听的实现
2018/08/07 Javascript
一步步教你利用Docker设置Node.js
2018/11/20 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)
2019/05/30 NodeJs
解决一个微信号同时支持多个环境网页授权问题
2019/08/07 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
Vue Object.defineProperty及ProxyVue实现双向数据绑定
2020/09/02 Javascript
pycharm 使用心得(八)如何调用另一文件中的函数
2014/06/06 Python
轻松实现python搭建微信公众平台
2016/02/16 Python
对Python 3.5拼接列表的新语法详解
2018/11/08 Python
python禁用键鼠与提权代码实例
2019/08/16 Python
python 贪心算法的实现
2020/09/18 Python
css3实现波纹特效、H5实现动态波浪效果
2018/01/31 HTML / CSS
俄罗斯极限运动网上商店:Board Shop №1
2020/12/18 全球购物
应届生护士求职信
2013/11/01 职场文书
临床护理求职信
2014/04/26 职场文书
离婚协议书的范本
2015/01/27 职场文书
毕业生党员个人总结
2015/02/14 职场文书
2015年酒店年度工作总结
2015/05/23 职场文书
《我在为谁工作》:工作的质量往往决定生活的质量
2019/12/27 职场文书