在不可编辑的div中设置插入位置

Question

我正在尝试制作一个框来选择不同的选项并处理其信息。 我想得到这样的结果：

这是一个名为jQuery Select2

的jQuery插件

我看到它不是contentEditable div，它只有一个带“-1”值的tabindex可以聚焦这个元素。

我正在寻找答案，但我发现只有contentEditable元素或输入或textareas

我希望在重点关注后将插入位置设置到最后。

这是我的JSFiddle：

$(document).ready(function () {
    $('#selector').on('focus', function () {
        //..some code to pos the caret
    });
});

我在考虑那样的事情