0

IE9および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>
4

1 に答える 1

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) {
于 2012-12-27T01:27:57.163 に答える