关于js对textarea换行符的处理方法浅析


Posted in Javascript onAugust 03, 2018

前言

本文很简单,就是记录一下js对textarea换行符的处理。

调试

随便写一个textarea

<textarea name="" id="textareaid" cols="30" rows="10"></textarea>

整个调试如下图:

关于js对textarea换行符的处理方法浅析

发现: textareaid里面的换行符可以通过indexOf获取

textareaid.value.indexOf("\n")

但是直接通过正则全局替换没有效果(如上图)

textareaid.value.replace('/\n/g',';')

但是单个替换可以替换到:

textareaid.value.replace('\n',';')
"haorooms换行符测试;haorooms换行符测试1
haorooms换行符测试2
haorooms换行符测试3"
textareaid.value.replace('\n','<br/>')
"haorooms换行符测试<br/>haorooms换行符测试1
haorooms换行符测试2
haorooms换行符测试3"

关于js对textarea换行符的处理方法浅析

全局替换方案

如上图运行,全局替换一般用如下代码:

textareaid.value.split("\n").join(";")

先分割成数组,然后再用你要替换的符号链接。

小结

文章很短,发现很多网上的写法不是很对。把自己的调试过程,记录一下,分享给大家!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
一个无限级XML绑定跨框架菜单(For IE)
Jan 27 Javascript
用JS将搜索的关键字高亮显示实现代码
Nov 08 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
Jul 08 Javascript
jquery自定义右键菜单、全选、不连续选择
Mar 01 Javascript
JS实现回到页面顶部动画效果的简单实例
May 24 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
May 24 Javascript
Angular和百度地图的结合实例代码
Oct 19 Javascript
Angularjs 双向绑定时字符串的转换成数字类型的问题
Jun 12 Javascript
JS实现自定义弹窗功能
Aug 08 Javascript
es6函数之尾递归用法实例分析
Apr 25 Javascript
Vue使用Proxy代理后仍无法生效的解决
Nov 13 Javascript
JavaScript实现页面动态验证码的实现示例
Mar 23 Javascript
webpack4 + react 搭建多页面应用示例
Aug 03 #Javascript
使用JS代码实现俄罗斯方块游戏
Aug 03 #Javascript
小程序tab页无法传递参数的方法
Aug 03 #Javascript
详解Webpack多环境代码打包的方法
Aug 03 #Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 #jQuery
浅析Vue 和微信小程序的区别、比较
Aug 03 #Javascript
Vue 项目分环境打包的方法示例
Aug 03 #Javascript
You might like
php 判断是否是中文/英文/数字示例代码
2013/09/30 PHP
laravel5.1 ajax post 传值_token示例
2019/10/24 PHP
Thinkphp 框架扩展之驱动扩展实例分析
2020/04/27 PHP
Javascript调用XML制作连动下拉列表框
2006/06/25 Javascript
jQuery EasyUI API 中文文档 - ComboGrid 组合表格
2011/10/13 Javascript
JavaScript 高级篇之函数 (四)
2012/04/07 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
javascript中强制执行toString()具体实现
2013/04/27 Javascript
按下回车键指向下一个位置的一个函数代码
2014/03/10 Javascript
标题过长使用javascript按字节截取字符串
2014/04/24 Javascript
Javascript的闭包详解
2014/12/26 Javascript
整理AngularJS中的一些常用指令
2015/06/16 Javascript
JavaScript中字符串拼接的基本方法
2015/07/07 Javascript
JS给Textarea文本框添加行号的方法
2015/08/20 Javascript
Angular.js基础学习之初始化
2017/03/10 Javascript
Angular2中如何使用ngx-translate进行国际化
2017/05/21 Javascript
vue-cli3跨域配置的简单方法
2019/09/06 Javascript
js+audio实现音乐播放器
2020/09/13 Javascript
python处理图片之PIL模块简单使用方法
2015/05/11 Python
python实现自动重启本程序的方法
2015/07/09 Python
Python学习笔记之变量、自定义函数用法示例
2019/05/28 Python
浅谈Python_Openpyxl使用(最全总结)
2019/09/05 Python
django 简单实现登录验证给你
2019/11/06 Python
Python 如何批量更新已安装的库
2020/05/26 Python
JOSEPH官网:英国奢侈时尚品牌
2018/01/31 全球购物
ghd澳大利亚官方网站:英国最受欢迎的美发工具品牌
2018/05/21 全球购物
MAC彩妆英国官网:M·A·C UK
2018/05/30 全球购物
全球最大的生存食品、水和装备专用在线市场:BePrepared.com
2020/01/02 全球购物
Kendra Scott官网:美国领先的时尚配饰品牌
2020/10/22 全球购物
圣诞节红领巾广播稿
2014/02/03 职场文书
法人代表身份证明书及授权委托书
2014/09/16 职场文书
Python获取百度热搜的完整代码
2021/04/07 Python
Go 通过结构struct实现接口interface的问题
2021/10/05 Golang
手写实现JS中的new
2021/11/07 Javascript
Python 多线程处理任务实例
2021/11/07 Python
Nginx开源可视化配置工具NginxConfig使用教程
2022/06/21 Servers