HTML 5拖放 - 使用自定义光标

Question

我正在尝试在HTML 5拖放API的dragover操作时使用自定义光标，但是当触发dragover事件时，我无法覆盖默认光标。以下是我尝试实现它的代码，

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

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

Answer 1

在样式表定义（＆lt; style＆gt;元素或.css文件）中创建一个类

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

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