Microsoft Edge（和 IE）拖动事件（JavaScript）

【问题标题】：Microsoft Edge (And IE) Drag Event (JavaScript)Microsoft Edge（和 IE）拖动事件（JavaScript）
【发布时间】：2016-08-25 15:01:52
【问题描述】：

我有一个拖动事件在 Chrome/Safari/Firefox/Opera 中正常工作，但在 microsoft edge 和 IE 中运行时出现以下错误：

SCRIPT438：对象不支持属性或方法“setDragImage”

这是我的代码

function sDrag(e){
            e.dataTransfer.setData('Text', e.target.getAttribute("value"));
            var sample = e.target.getAttribute("sample");
            var imgTemp = document.createElement("img");
            imgTemp.src = "image.png";
            e.dataTransfer.setDragImage(imgTemp, 0, 0);
        }

【问题讨论】：

标签： javascript html drag-and-drop microsoft-edge

【解决方案1】：

.setDragImage() 在 IE11 中不受支持，Edge 仅部分支持。

您在 IE11 中也可能遇到 .setData() 和 .getData() 的问题。

http://caniuse.com/#feat=dragndrop

【讨论】：

嗨 Shilly，您能否指出 Edge 中部分支持的含义。我尝试将拖动图像设置在边缘，但我得到与该方法不支持相同的错误。
我的意思是DataTransfer API 的setDragImage 方法在微软浏览器中根本不起作用。如果您需要它工作，您可以使用一些 css 自己编写类似的视觉效果。或者您可以使用像 github.com/MihaiValentin/setDragImage-IE/blob/master/… 这样的 polyfill 或类似的 jquery 扩展，如 stackoverflow.com/questions/12766103/… 中所示