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

Change mouse pointer when dragging in HTML

本文关键字：鼠标指针拖动 HTML 更新时间：2023-09-26

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

有什么办法可以改变这种行为吗？

是的。当您检测到用户拖动了相应的项目时，您需要调用prevent default on the mouse down事件。

每当我实现拖放时，我都会在整个页面上放置一个掩码，以捕获mousemove事件。这个掩码设置了相关的光标，通常是cursor: move;。