如何检测浏览器的“换行”表示是否正确有两个角色？

Question

据我所知，Opera 将 \n\r 视为文本区域内的新行。还有一些IE版本。 如果我在文本区域内按 Enter 键，我将得到带有 \n\r 的新行。

在其他浏览器中，新行只是 \n。

我如何在我的脚本中检测到这一点？

我可以使用 window.opera 来查明浏览器是否是 Opera，但人们说我应该尝试检测浏览器功能而不是实际的浏览器。

Answer 1

以下似乎在最新的 Opera 和 IE 7+ 中有效（即返回所需的 true）。然而，这在旧版本中未经测试，我怀疑这是不必要的。请参阅我对该问题的评论。

更新：由于下面@Umbrella 的评论而得到改进。

var textarea = document.createElement("textarea");
textarea.value = "\n";
var twoCharLineBreaks = (textarea.value == "\r\n");
alert(twoCharLineBreaks);

Answer 2

与我的其他答案类似，但我想到不需要创建专用的文本区域，您可以使用主题文本区域来确定这一点，只要其中有任何换行符即可。如果没有，不知道不会影响你的范围。

<textarea id="yourEditor">foo
bar
bing
baz</textarea>

然后测试它

<script type="text/javascript">
function newlineSize() {
    var val = document.getElementById('yourEditor').value;
    var len = 0;
    if (1 < val.split("\r").length) {
        len++;
    }
    if (1 < val.split("\n").length) {
        len++;
    }
    return len;
}
</script>

<input type="button" onclick="alert(newlineSize());" value="test">

这将返回/警告文本区域中换行符的宽度。

Answer 3

我不知道应该如何检查这一点。我希望有人这样做，但万一没有人这样做，我有一个关于如何测试的想法。添加（硬编码）一个包含换行符的已知值的文本区域，然后检查其长度。

<textarea style="visibility:hidden" id="newlineTest">foo
bar</textarea>

确保第二行（包含“bar”）没有缩进/前导空格/制表符，然后对其进行测试。

<script type="text/javascript">
function newlineSize() {
    var len = document.getElementById('newlineTest').value.length;
    alert(len);
    if (8 == len) {
        return 2;
    } else if (7 ==len) {
        return 1;
    } else {
        return null; //unknown condition
    }
}
</script>

<input type="button" onclick="alert(newlineSize());" value="test">

当然，您会希望放弃警报并将其保存在 var 中。在 Chrome、Firefox、Safari（所有 mac）中测试，返回 1。IE8(XP) 返回 2。