HTML 5及;Javascript在IE上拖放
我正在尝试在IE 9和8(或至少IE 9)上仅使用Javascript和HTML5进行拖放,但它不起作用,我已经阅读了拖放应该在IE上起作用的内容。你能看看我的代码并帮助我将其与IE一起使用吗 代码:HTML 5及;Javascript在IE上拖放,javascript,html,internet-explorer,drag-and-drop,Javascript,Html,Internet Explorer,Drag And Drop,我正在尝试在IE 9和8(或至少IE 9)上仅使用Javascript和HTML5进行拖放,但它不起作用,我已经阅读了拖放应该在IE上起作用的内容。你能看看我的代码并帮助我将其与IE一起使用吗 代码: <script type="text/javascript"> function allowDrop(ev){ ev.preventDefault(); } function drag(ev){ var drag = ev.dataTransfer.setData("
<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>
功能allowDrop(ev){
ev.preventDefault();
}
功能阻力(ev){
var drag=ev.dataTransfer.setData(“内容”,ev.target.id);
}
功能下降(ev){
ev.preventDefault();
var image=ev.dataTransfer.getData(“内容”);
if(image==ev.target.id){
ev.target.appendChild(document.getElementById(image));
}
否则{
}
}
维纳斯
尝试更改
var drag = ev.dataTransfer.setData("content", ev.target.id);
var image= ev.dataTransfer.getData("content");
到
你可以考虑去掉这个if条件
if ( image == ev.target.id) {
您是否在其他浏览器中尝试过代码?
if ( image == ev.target.id) {