HTML5 Drag&拖动时删除更改光标(不使用UI)

时间:2015-01-07 03:28:29

标签: html5 drag-and-drop

我想在拖动时更改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>
&#13;
&#13;
&#13;

但它没有用。

我无法使用JQueryUi

如何更改光标?

1 个答案:

答案 0 :(得分:0)

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

$('<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
});