Я использую jQuery draggable, и он отлично работает для необходимых сценариев.Единственное, чего не хватает, так это того, что когда я перетаскиваю свой элемент в тексте, курсор не перемещается вдоль движения перетаскиваемого элемента.Например: - У меня есть простой случай использования, так как
<div id="filterBar" contenteditable="true">This contains some text</div>
- это контейнер для отбрасывания
<span id="dragOsversion">OSVersion=19.1, 19.2</span>
- это элемент перетаскивания
$.find("#dragOsversion").draggable({helper: 'clone'});
- это экземплярspanOsversion span, действующий как перетаскиваемый элемент
Теперь, когда я перетаскиваю span по элементу filterBar, курсор не перемещается: (
Эта функция изначально присутствуетв HTML5 перетаскивается и отлично работает с тегами -img- и -a-, например
<a id="dragOsversion" href="#" draggable="true">OSVersion=19.1, 19.2</a>
- это элемент перетаскивания
Выше будет перемещаться курсор при перемещении элемента надfilterBar.
https://jsfiddle.net/VidushiGupta/7warczfy/
- пример, демонстрирующий 2 поведения
Может ли кто-нибудь иметь представление о том, как перемещаться по курсору в текстовой области, когдаотбрасывание вспомогательного элемента jQuery.
Я пытался много гуглить на одном и том же, но не нашел указателей, чтобы даже продолжить.
Я пробовал некоторые хаки, например, пытаясь обернуть элемент, которыйjQuery можно перетаскивать с помощью тега -a, который имеет встроенную функцию перетаскивания.Но перетаскиваемый jQuery переопределяет нативное поведение, и позиция каретки не влияет на перетаскивание элементов.
Любая помощь / предложения приветствуются.