关于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 相关文章推荐
Javascript hasOwnProperty 方法 &amp; in 关键字
Nov 26 Javascript
jQuery队列控制方法详解queue()/dequeue()/clearQueue()
Dec 02 Javascript
Javascript insertAfter() 实现函数代码
Oct 12 Javascript
JS实现切换标签页效果实例代码
Nov 01 Javascript
javascript监听鼠标滚轮事件浅析
Jun 05 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
Feb 16 Javascript
手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现
Aug 25 Javascript
类似于QQ的右滑删除效果的实现方法
Oct 16 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
Jan 05 Javascript
浅谈Vue2.0父子组件间事件派发机制
Jan 08 Javascript
vue webpack开发访问后台接口全局配置的方法
Sep 18 Javascript
JS实现带阴历的日历功能详解
Jan 24 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做的端口嗅探器--可以指定网站和端口
2006/10/09 PHP
PHP 进程锁定问题分析研究
2009/11/24 PHP
PHP 创建标签云函数代码
2010/05/26 PHP
PHP高自定义性安全验证码代码
2011/11/27 PHP
php连接函数implode与分割explode的深入解析
2013/06/26 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
PHP实现的简单组词算法示例
2018/04/10 PHP
javascript 类方法定义还是有点区别
2009/04/15 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
2012/09/02 Javascript
jQuery实现类似淘宝购物车全选状态示例
2013/06/26 Javascript
javascript显示用户停留时间的简单实例
2013/08/05 Javascript
jQuery中animate()方法用法实例
2014/12/24 Javascript
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
Bootstrap CSS布局之表单
2016/12/17 Javascript
JavaScript自定义分页样式
2017/01/17 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
2018/08/25 Javascript
解决vue单页路由跳转后scrollTop的问题
2018/09/03 Javascript
简单实现vue中的依赖收集与响应的方法
2019/02/18 Javascript
Python语言实现机器学习的K-近邻算法
2015/06/11 Python
pandas多级分组实现排序的方法
2018/04/20 Python
Python代码打开本地.mp4格式文件的方法
2019/01/03 Python
python 阶乘累加和的实例
2019/02/01 Python
python交互界面的退出方法
2019/02/16 Python
python 通过SSHTunnelForwarder隧道连接redis的方法
2019/02/19 Python
Python项目 基于Scapy实现SYN泛洪攻击的方法
2019/07/23 Python
python批量处理文件或文件夹
2020/07/28 Python
python 实现图片修复(可用于去水印)
2020/11/19 Python
Python APScheduler执行使用方法详解
2020/12/10 Python
关于django python manage.py startapp 应用名出错异常原因解析
2020/12/15 Python
HTML5本地数据库基础操作详解
2016/04/26 HTML / CSS
DBA数据库管理员JAVA程序员架构师必看
2016/02/07 面试题
倡议书的写法
2014/08/30 职场文书
简历自我评价范文
2019/04/24 职场文书
Python中的变量与常量
2021/11/11 Python
详解Redis的三种常用的缓存读写策略步骤
2022/05/06 Redis