javascript获取到textarea文本框中的回车换行符

来源:互联网 发布:电商美工设计培训班 编辑:程序博客网 时间:2024/05/07 11:02

javascript获取到textarea文本框中的回车换行符


结论

    javascript获取到textarea文本框中的字符串中,如果包含有回车换行符,在字符串中表现为“\n”,而不是我们通常所见的“\r\n”。

发现问题

    今天在做小网站的时候,需要将用户输入的英文分号、中英文逗号及回车都替换成中文分号,在编javascript函数的过程中,总是无法正确的替换回车。

例如:用户在textarea中输入:

测试字符串1

测试字符串2

我们将textarea中的输入字符串保存到变量content中,下面的替换语句不会将回车替换成中文分号。

content = content.replace("\r\n",";");

解决问题

    通过google大法(在google中搜索关键字“javascript substr \r\n”),找到了Ben先生的文章《Ask Ben: Javascript Replace And Multiple Lines / Line Breaks》,里面有非常详细的解释。

拓展

    如果我们要获取用户在textarea中输入的回车位置,需要使用类似下面的代码:

var pos = content.indexOf("\n");

    如果我们需要将回车替换为别的字符,例如分号,需要使用类似下面的代码:

content = content.replace("\n",";");

完整代码

    本文的完整代码如下所示:

//用中文分号替换英文分号、中英文逗号或者回车
function ReplaceSeperator(mobiles) {
    vari;
    varresult ="";
    varc;
    for(i = 0; i < mobiles.length; i++) {
        c = mobiles.substr(i, 1);
        if(c ==";" || c == ","|| c == "," || c == "\n")
            result = result +";";
        elseif(c != "\r")
            result = result + c;
    }
    returnresult;
}
原创粉丝点击