Как отобразить текстовый курсор, когда мой курсор перетаскивает элемент и указывает на определенное место - PullRequest
0 голосов
/ 06 марта 2019

Я перетаскиваю свои элементы в текстовую область, но я хочу выбрать, куда вставлять элементы в текстовую область с появлением текстового курсора.Как я могу это сделать?

<script language="javascript" type="text/javascript">
    $(function() {
        $("#emaildrag1 div").draggable({
            appendTo: "body",
            helper: "clone",
            cursor: "select",
            revert: "invalid"
        });
        initDroppable($("#m_autosize_1"));
        function initDroppable($elements) {
            $elements.droppable({
                hoverClass: "textarea",
                accept: ":not(.ui-sortable-helper)",
                drop: function(event, ui) {
                    var $this = $(this);

                    var tempid = ui.draggable.text();
                    var replaced = tempid.replace(/ /g, '_');
                    var dropText;
                    dropText = " {{{" + replaced + "}}} "; 
                    var droparea = document.getElementById('m_autosize_1');
                    var range1 = droparea.selectionStart;
                    var range2 = droparea.selectionEnd;
                    var val = droparea.value;
                    var str1 = val.substring(0, range1);
                    var str3 = val.substring(range1, val.length);
                    droparea.value = str1 + dropText + str3;
                }
            });
        }
    });
</script>

Это мой код.я могу выбрать место для вставки, если предварительно не щелкну текстовую область, но не при перетаскивании, чтобы выбрать место для вставки.

...