在contentEditable div中的光标（插入符号）位置附加一个span

Question

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

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

请按照上述计划指导我。感谢帮助。

Answer 1

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

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

Check working demo