execCommand“insertBrOnReturn”如何工作？

Question

我在Chrome上尝试了以下代码：

document.execCommand("insertBrOnReturn", false, true);

http://jsfiddle.net/uVcd5/

我将最后一个参数设置为true或false，行为不会改变：返回时，将添加新的<div>元素。

一定是错过了什么......有什么想法吗？

Answer 1

insertBrOnReturn是Mozilla特定的cmd，Chrome不支持。你可以用以下方法测试：

 document.queryCommandSupported('insertBrOnReturn')

jsFiddle here，它在Firefox中警告“true”，但在Chrome中警告“false”。

如果您只想插入br，请尝试：

document.execCommand('insertHTML', false, '<br><br>');

另外，请检查：Prevent contenteditable adding <div> on ENTER - Chrome

Answer 2

我遇到了这个答案但不喜欢在Chrome中如果您的光标位于段落的开头，它会添加两个中断。将第二个<br>更改为\u200C会使Chrome完美运行，而不是Safari。

document.execCommand("insertHTML", false, "<br>\u200C");

什么是\u200c?不确定。在这里找到了它。

Dealing with line Breaks on contentEditable DIV

Answer 3

document.execCommand("insertLineBreak");

根据：https://www.w3schools.com/jsref/met_document_execcommand.asp