jquery内容可编辑输入 "How do I trigger shift-enter when someone presses enter?"

Question

在 Chrome 中的 contenteditable 中按 Enter 时，会插入一个 div。这会干扰我的标记，我需要它成为 br。

我知道shift-enter是一个br。解决问题的最佳方法是什么？

谢谢。

重新表述问题:当有人按 Enter 时如何触发 Shift-Enter？

我尝试过写这样的东西:

$(document).keyup(function hotkeys(e) { 
    if (e.which == 13)
    {
        e = jQuery.Event("keydown")
        e.which = 16;
        $(document).trigger(e);
        e.which = 13;
        $(document).trigger(e);
        alert("trigger");
    }
});

这不起作用。

谢谢。

Answer 1

假设rangy.js ,

$('#myeditelement').on('keydown', function(ev){
    if (ev.which === 13) { insertNewLine(ev) }
})

那么，

function insertNewLine(ev){
    var nodeA, nodeB, sel, range

    if (ev.stopPropagation) { ev.stopPropagation() }
    if (ev.preventDefault) { ev.preventDefault() }

    sel = rangy.getSelection()
    range = sel.getRangeAt(0)

    range.deleteContents()
    nodeA = document.createElement('br')
    range.insertNode(nodeA)
    range.setStartAfter(nodeA)
    nodeB = document.createElement('span')
    range.insertNode(nodeB)
    range.selectNodeContents(nodeB)
    sel.removeAllRanges()
    sel.addRange(range)
    sel.collapseToEnd()
  }

截至 2017 年 11 月已在 Chrome、Opera、Edge 中进行测试。