javascript - 在 javascript 中，通过输入指定的换行符不会在警报中创建换行符

Question

http://jsfiddle.net/bobbyrne01/Lnq5mffs/

HTML ..

<input type="text" id="separator" value="Doesnt\nwork" />
<input type="button" id="button" value="submit" />

javascript ..

document.getElementById('button').onclick = function(){
    alert(document.getElementById('separator').value);
    alert("This\nworks");
};

输出..

• 第一个对话:

• 第二个对话:

Answer 1

没错，“\n”只有在字符串字面量中才表示“换行”。您不能期望普通用户会在输入框中输入“\n”并期望它会被解释为换行。当用户在输入框中输入“\n”时，value属性设置为“\\n”。

如果你真的需要将输入框内容解释为字符串文字，你可以使用替换，就像在这个 fiddle 中:http://jsfiddle.net/Lnq5mffs/2/ .

document.getElementById('button').onclick = function(){
    alert(document.getElementById('separator').value.replace('\\n', '\n'));
    alert("This\nworks");
};

编辑:如果您想为用户提供一种输入多行文本的方式，请使用文本区域:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea .