ie11用不了html5,HTML5拖放不能在IE11上运行

应用HTML5原生拖放功能，drop不适用于IE，与chrome和firefox配合使用。

拖动似乎正在起作用，但对IE不感兴趣。

另一个小问题 - 在IE中，我的可拖动元素周围有一个半透明的方块，但它的背景是透明的(图像是这样完成的)，在chrome / firefox上我没有那个方块，图像看起来没有任何拖动时的背景。

这是下降区域：

这是可拖动的元素：

function drag_start(e)

{

e.dataTransfer.effectallowed = 'copy';

e.dataTransfer.dropEffect = 'copy';

e.dataTransfer.setData("text/plain", e.target.getAttribute('id'));

}

function drag_enter(e) {

if (e.target.getAttribute('data-droppable') == 'true') {

e.target.style.backgroundImage = "url(images/board_cell_background_highlight.png)";

}

function drag_leave(e) {

if (e.target.getAttribute('data-droppable') == 'true') {

e.target.style.backgroundImage = "url(images/board_cell_background.png)";

}

function drag_drop(e) {

var element = e.dataTransfer.getData("Text"); // the player

if (e.preventDefault) {

e.preventDefault();

}

if (e.stopPropagation) {

e.stopPropagation();

}

if (e.target.getAttribute('id') == "player1" || e.target.getAttribute('id') == "player2") {

alert("invalid Move");

return false;

}

e.target.style.backgroundImage = "url(images/board_cell_background.png)";

moveHandler(element, e.target.getAttribute('id'));

}

function drag_end(e) {

e.dataTransfer.effectallowed = 'copy';

alert("drop end")

}

}

}

我删除了一些打印内容的代码，以使代码更短。