如何在javascript中停止(不)拖动?

如何在javascript中停止(不)拖动?,javascript,canvas,cursor,drag,mousemove,Javascript,Canvas,Cursor,Drag,Mousemove,我正在开发一个在线javascript画布(不是HTML5元素,而是一个绘画画布)。当用户开始绘制时,他单击并将鼠标从画布的一侧移动到另一侧。这个画布实际上是一个由一个像素单元组成的表格 这很好,但有一个问题。当用户拿着鼠标离开画布时,Firefox认为他试图拖动桌子。它显示一个无拖动光标,并且“onmousemove”不再被激发,这是绘制所必需的。我尝试使用CSS光标,但无拖动光标“覆盖”了普通光标。我还试图模糊(不聚焦)元素。有什么想法吗?为了成功地从画布中拖出,您必须使用AddEventL

我正在开发一个在线javascript画布(不是HTML5元素,而是一个绘画画布)。当用户开始绘制时,他单击并将鼠标从画布的一侧移动到另一侧。这个画布实际上是一个由一个像素单元组成的表格


这很好,但有一个问题。当用户拿着鼠标离开画布时,Firefox认为他试图拖动桌子。它显示一个无拖动光标,并且“onmousemove”不再被激发,这是绘制所必需的。我尝试使用CSS光标,但无拖动光标“覆盖”了普通光标。我还试图模糊(不聚焦)元素。有什么想法吗?

为了成功地从画布中拖出,您必须使用AddEventListener。有一些关于如何使用AddEventListener的好教程。该页面上的示例4是您想做的事情的一个很好的起点。

谢谢,但我不明白。我只是不能强制执行“mouseup”是的,您可以捕获画布的“onmouseut”事件,并将其与mouseup事件一样处理。