在HTML中拖动时更改鼠标指针

Question

我有一个网页，我已经构建了一个简单的拖放方案。我使用user-select：none来保持文本不被选中，并且设置了cursor：指针以防止文本选择栏在用户鼠标悬停在文本上时出现。不幸的是，当他们按住鼠标按钮并拖动项目时，指针会变为I栏，就好像他们当前正在选择文本一样。有没有办法改变这种行为？谢谢！

Answer 1

  

有没有办法改变这种行为？

是。当您检测到用户拖动相应的项目时，您需要在鼠标按下事件上调用prevent default。

Answer 2

每当我实施拖放操作时，我都会在整个页面上放置一个遮罩，以便在任何地方捕获mousemove事件。此掩码具有相关的光标集，通常为cursor: move;。