如何避免Chrome拖动内容

Question

我正在创建一个简单的javacript窗口管理器，它具有基本功能，如所有窗口管理器（移动，调整大小，深度排序等）。

我正在使用mousedown和mouseup等事件来知道何时移动窗口。 然而，有时候，当我试图移动窗口时，chrome会挂上它并拖动“内容”（我不知道在这里使用的正确单词，只是想象你是将图像从浏览器拖到桌面上），如下图所示。

（我的光标在那里，它只是没有出现在屏幕截图上）。

每当发生这种情况时，chrome只是在我释放按钮时不会触发mouseup事件，因此Windows会一直跟着鼠标，直到我再次点击。

是否有任何解决方法使chrome不激活其拖动系统？

感谢。

Answer 1

尝试将draggable="false"属性添加到相关元素。默认情况下，可以拖动<img>和<a>元素，也可以选择文本（对于那个元素，您可以做的不多）。

或者，尝试将ondragstart="return false;"添加到文档中。

Answer 2

这是与您的非常相似的另一个问题的链接。它似乎有各种各样的答案。 Disable Drag and Drop on HTML elements?