如何停止（不）在javascript中拖动？

Question

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

这很好，但有一个问题。当用户按住鼠标移出画布时，Firefox 认为他试图拖动表格。它显示了一个无拖动光标，并且不再触发“onmousemove”，这是绘画所必需的。我尝试使用 CSS 光标，但无拖动光标“覆盖”了普通光标。我还尝试模糊（散焦）元素。有什么想法吗？

Answer 1

为了成功拖出画布，您将不得不使用 AddEventListener。关于如何使用 AddEventListener here 有一些很好的教程。该页面上的示例 4 是您想要做的一个很好的起点。