javascript - HTML 5 & Javascript 在 IE 上拖放

Question

我试图在 IE 9 和 8（或至少 IE 9）上仅使用 Javascript 和 HTML 5 进行拖放，但它不起作用，我已经阅读了拖放应该在 IE 上工作。你能看看我的代码并帮助我让它与 IE 一起工作吗？

代码：

<script type="text/javascript">
function allowDrop(ev){
    ev.preventDefault();
}

function drag(ev){
    var drag = ev.dataTransfer.setData("content", ev.target.id);

}

function drop(ev){
    ev.preventDefault();
    var image= ev.dataTransfer.getData("content");
    if ( image == ev.target.id) {
        ev.target.appendChild(document.getElementById(image));

    }

    else {

    }
}
</script>
<section id="planetBox">
<img class="planetImage" id="mercuryImg" draggable="true" 
    ondragstart="drag(event)" alt="A Planet" src="./images/planets/mercury.gif">  
</section>  

<div class="planet">
<section class="venusBox" id="venusImg" ondrop="drop(event)" 
    ondragover="allowDrop(event)"></section>
<section class="planetName"><h3>Venus</h3></section>    
</div>

Answer 1

尝试改变

var drag = ev.dataTransfer.setData("content", ev.target.id);
var image= ev.dataTransfer.getData("content");

至

var drag = ev.dataTransfer.setData("Text", ev.target.id);
var image= ev.dataTransfer.getData("Text");

你可能会考虑删除 if 条件

if ( image == ev.target.id) {