拖动时更改光标

Changing cursor while dragging

本文关键字：光标 拖动      更新时间：2023-09-26

可以在拖动时更改光标吗?

我一直在寻找并试图这样做一段时间了。我想改变'不允许'光标显示，当你拖动一个对象到另一个光标。

我尝试创建一个事件并将其分配给我想要拖动的图像:-

<img id="drag1" class="drag" src="http://www.surfixe.com/img/tick2.png" draggable="true" ondragstart="drag(event)" />
JavaScript

: - 

function drag(ev) {
    $('#drag1').css('cursor', 'pointer');
}

jsfiddle

注意:我的小项目应该是html-5 drag and drop，所以我需要能够改变光标，同时拖动一个div与html-5 drag属性

'not-allowed'游标只是表示根本没有可拖拽的东西。您必须将img与.draggable()方法http://api.jqueryui.com/draggable/绑定它有自己的选项，用于在拖动时使用特定的光标。

你可以像

一样简单地使用它
$( "#drag1" ).draggable({ cursor: "pointer" });
http://jsfiddle.net/wpcbM/3/

这是可能的。您应该更改正在拖动的项目的光标(而不是目标项)。

相关文章：