Javascript 如何使用JQuery更改拖动事件时光标的图像侧

在浏览器屏幕上拖动文件时，鼠标光标的一侧会出现一个图像，该图像是windows默认图像。此图像有多种，如

复制

、

移动

和

禁止

。看看它的底部

---

如何使用javascript或JQuery将鼠标光标的图像侧更改为该图像？例如，当我在不可拖动区域拖动文件并移动鼠标时，

禁止

光标的图像显示面。

您可以通过css使用jquery更改光标的属性来更改光标图像

function ondrag(event) { 
    $('body').css('cursor', 'wait'); 
}

您可以在此处检查各种游标属性。

如果要用自定义图像替换光标，可以使用以下选项：

---

如果要将拖动限制在某个区域

尝试使用“遏制”选项：

您可以使用

dragover

事件的属性设置光标以外的小图像：

$(".targetDiv").on("dragover", function (event) {
    event.preventDefault();
    event.originalEvent.dataTransfer.dropEffect = "none"; // Shows the "forbidden" image
});

该属性的值为

复制

、

移动

、

链接

和

无

。您可以在下面的代码段中测试这些值。请注意，必须使用

原始事件

。根据我的测试，它可以在Firefox和Chrome中使用，但不能在IE中使用

$（函数（）{
美元（“.targetDiv”）。关于（“dragover”，函数（事件）{
event.preventDefault（）；
event.originalEvent.dataTransfer.dropEffect=event.target.getAttribute（“数据效果”）；
});
});
.targetDiv
{
显示：内联块；
边框：实心1px黑色；
宽度：80px；
高度：50px；
保证金：4倍；
文本对齐：居中；
线高：50px；
}

在每个块上拖动一个文件

链接
移动
复制
没有一个
您可以使用jquery draggable来完成

这是我所做的预览


$（“.your_image”）.draggable({
拖动：函数（）{
$（“.your_image”）.css（“光标”，“url(https://cdn1.iconfinder.com/data/icons/CrystalClear/16x16/actions/move.png)汽车);；
},
停止：函数（）{
$（“.your_image”）.css（“光标”，“url(https://cdn4.iconfinder.com/data/icons/32x32-free-design-icons/32/Copy.png)汽车);；
}
});
。你的图片{
高度：100px；
宽度：100px；
背景色：红色；
游标：url(https://cdn4.iconfinder.com/data/icons/32x32-free-design-icons/32/Copy.png)，汽车；
}

光标图像与拖动图像不同，我想要拖动图像，没有光标图像。这是指向手册的链接。如果链接消失，则内容可以在同一站点的另一个页面上再次找到，或者该技术不再有用