当使用HTML 5拖放时,我注意到在firefox上,幻影图像倾向于从很远的右侧飞入。我无法使用小规模的示例进行复制,因此我认为它与所涉及的CSS有关。不幸的是,这是一个庞大的应用程序的一部分,因此不可能调出沙箱,但是我提供了行为的gif效果。拖放似乎可以在chrome和其他浏览器上正常运行。这是在dragstart上发生的代码(sectionGrid是组成5x5网格的div)
document.getElementById('sectionalGrid').addEventListener('dragstart', e=> {
const gridItemRoot = findAncestor(e.target, 'mxt-grid-item');
e.dataTransfer.setData("grid_x", gridItemRoot.dataset.x);
e.dataTransfer.setData("grid_y", gridItemRoot.dataset.y);
this._dragStartMode = 'gridItem';
document.getElementById('sectionalRemovePiece').classList.add('sectionalHighlightRemove');
});