reactjs - 在光标位置追加

Question

我正在实现 Drop 函数，该函数在 drop 时将子元素附加到容器上的光标位置。但是元素被附加到稍微远离光标位置的位置。下面是我的 Drop 函数：

drop(event) {
     event.preventDefault();
     var data = document.getElementById(event.dataTransfer.getData("Text"));
     event.target.appendChild(data);
     data.style.position="absolute";
     data.style.left = event.pageX - data.clientWidth / 2 + "px";
     data.style.top = event.pageY - data.clientHeight / 2 + "px";    
    }

标签： reactjsdrag-and-dropmouse-position