简明现代魔法 -> JavaScript -> js获取textarea中的空格与回车
js获取textarea中的空格与回车
2011-01-14
今天在工作中要通过textarea 获取用户的空格和回车 ,保存好用户的格式,在前台显示,总是遇到空格和换行的问题,就仔细研究了下,因为在ie和火狐中老是不兼容,在网上找了下也没找到好的解决办法,于是通过转码明白了ie和火狐中换行的代码不一样,火狐中是\n,IE下是\r\n,通过16进制对照ascii可以查看。解决办法如下:
$$("result").innerHTML=content.value.toString().replace(/(\r)*\n/g,"<br />").replace(/\s/g," "); 特记录下。
效果演示
结果输出
JavaScript Code
<script type="text/javascript"> var $$=function(id){return document.getElementById(id);} stopBubble=function (e) { // 如果传入了事件对象,那么就是非IE浏览器 if (e && e.stopPropagation) // 支持W3C的stopPropation()方法 e.stopPropagation(); else // 否则,我们得使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; } function showMsg() { var elem=$$("result"); var content=$$("content"); //alert(elem.innerHTML) //return; //alert(content.value.toString()) // $$("result").innerHTML=content.value.toString().replace(/\s/g," ").replace(/\r\n/g,"<br/>"); //alert(escape(content.value.toString())); $$("result").innerHTML=content.value.toString().replace(/(\r)*\n/g,"<br/>").replace(/\s/g," "); } </script>