HTML5 拖动时拖放更改光标（不要使用 UI）

Question

我想在拖动时改变cursor，所以我尝试这样：

function drag (event) {

    localStorage.setItem("no", $(event.target).data("no"));

    $("html").css("cursor", "move");

}

<tr draggable="true" class="memo_item move" id="memo_<?php echo $memo->memo_no?>" ondragstart="drag(event, this);" data-no="<?php echo $memo->memo_no?>"></tr>

但是没用。

而且我无法使用 JQueryUi。

如何更改光标？

Answer 1

只需在您的代码中实现这种事件设置...

$('<some element here>').on('dragstart', function() {
  $(this).css("cursor", "move");
});

但是，这将永久更改元素上的光标，要切换此光标更改添加

$('<some element here>').on('dragend', function() {
  $(this).css("cursor", "default"); // or whatever pointer you want to revert to
});

HTML5 拖动时拖放更改光标（不要使用 UI）

HTML5 Drag & Drop change cursor while dragging (don't use UI)

html

drag-and-drop