Javascript HTML5拖放-使用自定义光标

实际上，当HTML5拖放API的dragover操作发生时，我尝试使用自定义游标，但在触发dragover事件时，我无法覆盖默认游标。下面是我如何实现它的代码

$("#myDiv").live('mousedown', function(ev) {
  $(this).css("cursor", "url(res/customCursor.cur), default !important");
});

---

由于dragover事件发生时会按下鼠标，所以我尝试在拖放目标的mousedown事件中更改光标。我还尝试在dragover事件的事件处理程序中更改光标，但即使这样也不起作用。

在样式表定义（元素或.css文件）中创建一个类，如

.dragAndDropInProgress {
  cursor: url(....), default !important; 
}

---

然后，当您向ondragstart发送信号时，将该类附加到文档正文，确保在看到ondragend后再次删除它。

！重要提示

在样式表或内联样式（IE6除外）中可以正常工作，但在JavaScript或jQuery中设置样式时则不行。在这种情况下，使用

的样式！重要提示

不会应用于Firefox、Chrome和IE8或更早版本。为什么不在jQuery中创建一个类并使用addClass方法将其应用于拖动的元素？这样就解决了问题！重要信息：仅在样式表中工作，它无法解决OP的原始问题，即覆盖拖放游标，后者似乎优先于CSS样式。