2012-12-27 37 views
0

我想拖放使用只有Javascript和HTML 5在IE 9和8(或至少IE 9),但它不會工作,我已閱讀拖放應在IE上工作。你能看看我的代碼,並幫助我得到這與IE瀏覽器一起工作嗎?HTML 5和Javascript拖放在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> 
+2

您是否在任何其他瀏覽器中嘗試過您的代碼? – CarlesAndres

回答

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 (image == ev.target.id) { 
+0

工作很好,謝謝! – Mark