Все примеры о перетаскивании RxJS, которые я нашел, дают решения с относительным позиционированием на экране, такие как this Fiddle , и не используют процедуру DOM event.dataTransfer для перемещения элемента из исходного элемента в целевой элемент, как вследующий пример:
// DRAG&DROP
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
Поддерживаются ли эти события в реактивном RxJS 6?
Соответствующий HTML-код:
<div class="drops">
<img id="drag1" src="lion.gif" draggable="true" ondragstart="drag(event)" width="120" height="90">
<div id="div1" ondragover="allowDrop(event)" ondrop="drop(event)" width="120" height="90"></div>
<div id="div2" ondragover="allowDrop(event)" ondrop="drop(event)" width="120" height="90"></div>