拖动时 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");
});

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

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