HTML5 Drag & Drop 在拖动时更改光标（不要使用 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
});