当第一次按下输入时，从下次添加 2brs 开始添加一个 br？

Question

如何让我的光标在按下回车键时向下移动一行并防止默认？

我使用的代码如下：

var docFragment = document.createDocumentFragment();
var newEle = document.createTextNode('\n');
docFragment.appendChild(newEle);
newEle = document.createElement('br');
docFragment.appendChild(newEle); 
var newEle = document.createTextNode('\n');
docFragment.appendChild(newEle);
newEle = document.createElement('br');
docFragment.appendChild(newEle);
var range = window.getSelection().getRangeAt(0);
range.deleteContents();
range.insertNode(docFragment); //create a new range 
range = document.createRange();
range.setStartAfter(newEle);
range.collapse(true);
var sel = window.getSelection() sel.removeAllRanges();
sel.addRange(range);

Answer 1

你误以为它是关于“线条”的。在 contenteditable 元素中按 Enter 的标准行为是创建新段落 (<p>)，或者如果您在列表中，则创建列表项等。

段落之间的默认间距（边距）是一行高。

如果您想要换行，您需要使用 CSS 将容器标记为 white-space: pre，或者拦截按键，取消其默认操作，然后插入 br 元素。我认为第一个选项更容易。

或者，您可以减少父容器中段落之间的边距。