4

当 HTML 5 Drag-drop API 的拖动操作发生时，我实际上正在尝试使用自定义光标，但是在触发拖动事件时我无法覆盖默认光标。这是我如何尝试实现它的代码，

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

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

4

1 回答 1

1

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

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

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

于 2013-03-08T23:22:29.263 回答