javascript - 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

在您的样式表定义(<style> 元素或 .css 文件)中创建一个类

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

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