HTML5 Drag Release offsetX offsetY jump

Gar*_*ite 8 javascript html5 drag-and-drop

我正在玩HTML5拖放并在拖动时跟踪鼠标位置.

在您释放鼠标之前,OffsetX和OffsetY工作正常,在最后一次调度的拖动事件中,偏移跳转到负数

这是html:

<div id="dragger"></div>
<div id="console"></div>
Run Code Online (Sandbox Code Playgroud)

这是css:

#dragger{
    -webkit-user-drag: element;
    width: 100px;
    height: 100px;
    background: hsla(200, 100%, 50%, 0.4);
}?
Run Code Online (Sandbox Code Playgroud)

和js

$('#dragger').bind('drag', function (e) {
    $('#console').html(e.originalEvent.offsetX);
})?
Run Code Online (Sandbox Code Playgroud)

你也可以在http://jsfiddle.net/Eu2mz/5/上测试一下

另外,我现在只想让它在webkit中运行.

小智 0

您的 jsfiddle 链接似乎也受到窗口大小的影响。在它自己的文档中尝试一下以缩小可能性?