03-JS如何获取textarea中的回车和空格

本文介绍了一种解决textarea元素在不同浏览器(如IE与Firefox)间换行和空格显示不一致的方法。通过将 和 转换为HTML的<br/>标签和 来保持格式的一致性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天在工作中要通过textarea 获取用户的空格和回车 ,保存好用户的格式,在前台显示,总是遇到空格和换行的问题,就仔细研究了下,因为在ie和火狐中老是不兼容,在网上找了下也没找到好的解决办法,于是通过转码明白了ie和火狐中换行的代码不一样,火狐中是\n,IE下是\r\n,通过16进制对照ascii可以查看。解决办法如下:

$$("result").innerHTML=content.value.toString().replace(/(\r)*\n/g,"<br />").replace(/\s/g," "); 特记录下。

<script type="text/javascript">
02var $$=function(id){return document.getElementById(id);}
03    stopBubble=function (e) {
04        // 如果传入了事件对象,那么就是非IE浏览器
05        if (e && e.stopPropagation)
06            // 支持W3C的stopPropation()方法
07            e.stopPropagation();
08        else
09            // 否则,我们得使用IE的方式来取消事件冒泡
10            window.event.cancelBubble = true;
11        }
12 
13function showMsg()
14{
15    var elem=$$("result");
16    var content=$$("content");
17    //alert(elem.innerHTML)
18    //return;
19    //alert(content.value.toString())
20    // $$("result").innerHTML=content.value.toString().replace(/\s/g," ").replace(/\r\n/g,"<br/>");
21   
22    //alert(escape(content.value.toString()));
23    $$("result").innerHTML=content.value.toString().replace(/(\r)*\n/g,"<br/>").replace(/\s/g," ");
24 }
25</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Muxiyale

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值