javascript - 拖动对象时如何更改光标

标签 javascript jquery css

CSS

.draggable,
.draggable * {
    cursor: url('img/arrowHand.png'), auto;
}

js

$('body').on('dragstart', function () {
    $('body').addClass('draggable');
});
$('body').on('dragend', function () {
    $('body').removeClass('draggable');
});

类已分配,光标图像已加载,但在拖动对象时使用标准光标。需要改变什么?

最佳答案

只需添加此样式

body.draggable {
   cursor : move;
}

查看完整示例 http://www.w3schools.com/cssref/tryit.asp?filename=trycss_cursor

关于javascript - 拖动对象时如何更改光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39506202/

相关文章:

Javascript - 如何创建多个使用 onclick() 翻转的翻转卡?

javascript - 无法显示 body 负荷的 div

jQuery - 找不到函数?

javascript - 使用 jquery 将 mousemove 移出框架 div 标记时出错?

html - 无法插入按钮 "on top"

html - 无法让 Bootstrap 列水平堆叠

javascript - 将嵌套集合属性拉入数组

javascript - KendoUI 网格过滤日期格式

html - div表不适用于左右浮动

javascript - Angular Material - 隐藏按钮鼠标左键上的菜单