简明现代魔法 -> 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>
随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们