Javascript IE9和IE10上的拖放问题

Javascript IE9和IE10上的拖放问题,javascript,jquery,internet-explorer,drag-and-drop,Javascript,Jquery,Internet Explorer,Drag And Drop,我目前正试图在我的项目上实现拖放功能。它似乎在Chrome、Firefox甚至IE11上都能正常工作,但在IE9和IE10(需要支持)上却不行 在拖动对象时移动鼠标时,这两个浏览器似乎不会更新e.clientX和e.clientY:它会保留原始的单击坐标。以下是我正在使用的代码: $(“html”)。在(“dragover”上,函数(事件){ event.preventDefault(); event.stopPropagation(); }); $(“html”)。关于(“dragenter

我目前正试图在我的项目上实现拖放功能。它似乎在Chrome、Firefox甚至IE11上都能正常工作,但在IE9和IE10(需要支持)上却不行

在拖动对象时移动鼠标时,这两个浏览器似乎不会更新
e.clientX
e.clientY
:它会保留原始的单击坐标。以下是我正在使用的代码:

$(“html”)。在(“dragover”上,函数(事件){
event.preventDefault();
event.stopPropagation();
});
$(“html”)。关于(“dragenter”,函数(事件){
event.preventDefault();
event.stopPropagation();
});
$(“html”)。在(“dragleave”上,函数(事件){
event.preventDefault();
event.stopPropagation();
});
$(“html”)。在(“drop”上,函数(事件){
event.preventDefault();
event.stopPropagation();
updateXY(事件);
});
函数updateXY(e){
e、 预防默认值();
var originalEvent=e.originalEvent;
var x=originalEvent.clientX;
变量y=originalEvent.clientY;
$(“#draggable”).css({top:y,left:x});
$(“#x”).text(x);
元(y).正文(y);;
}
*{
保证金:0;
填充:0;
}
#拖拉的{
边框:1px点灰色;
背景:#fff;
宽度:200px;
填充物:5px;
文本对齐:居中;
位置:绝对位置;
顶部:10px;
左:10px;
光标:移动;
}
#可降落{
位置:相对位置;
边框:1px纯银;
高度:300px;
宽度:500px;
溢出:隐藏;
边缘底部:10px;
}

你好,世界!

坐标:10;10

作为旁注:我知道drop并不是完美的,因为它以左上角为位置,但这是为了简化这个片段。:)你试过screenX吗?同样的行为:它没有更新。IE9中不支持属性。你的提琴似乎在IE10(虽然与IE11类似)和11以及Chrome中工作,但由于某些原因,它不会在FF中拖放…有人找到任何解决方案吗?