Я перетаскиваю свои элементы в текстовую область, но я хочу выбрать, куда вставлять элементы в текстовую область с появлением текстового курсора.Как я могу это сделать?
<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>
Это мой код.я могу выбрать место для вставки, если предварительно не щелкну текстовую область, но не при перетаскивании, чтобы выбрать место для вставки.