RxJS可以使用dragstart，dragover和drop事件来拖放DOM元素吗？

Question

我发现的所有有关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>