javascript - 在没有实际拖动的 JavaScript 中检测 mouseDown、拖动和 mouseUp 事件的最佳方法是什么？

Question

在没有实际拖动任何内容的 JavaScript 中检测 mouseDown、拖动和 mouseUp 事件的最佳方法是什么？

我想在用户点击并拖动但实际上没有拖动 DOM 的网站中使用拖动输入。

当我在浏览器中单击并拖动时，有时无法检测到 mouseUp。有时，如果用户单击某些内容，该内容会在 Firefox 中拾取并拖动，但我想知道这可能是浏览器特定的问题。我想以某种方式阻止这种行为。

同样在 Chrome 中，我注意到有时在拖动时我会得到一个像图标一样的页面。我也想阻止。开发/测试操作系统是 Ubuntu。

我怎样才能最好地跟踪鼠标拖动并防止这些奇怪的浏览器问题并拥有可靠的 mouseUp 事件，因为这些事件似乎间歇性失败？

Answer 1

尝试这样的事情:

document.addEventListener( 'mousedown', onMouseDown, false );

function onMouseDown(e) {
    e.preventDefault(); //prevents browser to follow links or move images
    // code to execute on mouse click
}

document.addEventListener( 'mousemove', onMouseMove, false );

function onMouseMove(e) {
    // code to execute on mouse mouse move
}

document.addEventListener( 'mouseup', onMouseUp, false );

function onMouseUp(e) {
    // code to execute on mouse mouse up
}

这可能会阻止您点击链接，您必须添加代码来解决这个问题，例如:

$('a').click(function() {
   window.location = this.href;
}

这是我头脑中的代码，应该接近您的需要。