在 contentEditable div 中的光标（插入符号）位置附加一个跨度答案

【问题标题】：append a span at the cursor(caret) location in the contentEditable div在 contentEditable div 中的光标（插入符号）位置附加一个跨度
【发布时间】：2016-11-18 09:06:46
【问题描述】：

我正在使用以下代码，我想在其中将 span 附加到 ID #display 的 contentEditable div。现在在#display 中，如果使用鼠标更改了光标位置，并且如果我想将跨度附加到#display，如何在插入符号位置之后附加它。

$(".operators").click(function(){
        var selectedOperator = $(this).html();
        var addSpan= "<span>" + selectedOperator + "</span>"
        $("#display").append(addSpan);
    });

请按照上述程序指导我。感谢您的帮助。

【问题讨论】：

使用 $("#display").wrapInner(addSpan);
而以?结尾的句子是？

标签： javascript jquery

【解决方案1】：

变量不会包含任何 DOM 元素，您应该在追加时添加 DOM。

$(".operators").click(function(){
    var selectedOperator = $(this).html();
    $("#display").append('<span>'+ selectedOperator +'</span>');
});

Check working demo

【讨论】：

我不是在问这个，没关系。问题是当点击 div 时如何在 div 中的光标位置附加跨度