我在
JSFIDDLE上做了一个演示
UPDATE this version适用于FF,但不适用于镀铬..
更新2这 website似乎有一个有效的解决方案.
UPDATE this version适用于FF,但不适用于镀铬..
更新2这 website似乎有一个有效的解决方案.
我的Javascript如下
$("#click").live({
mousedown: function() {
this.addClass("closed");
},mouseup: function() {
this.removeClass("closed");
}
});
CSS如下
.closed {
cursor: url(https://mail.google.com/mail/images/2/closedhand.cur),default !important;
}
解决方法
2016年更新：
需要在我正在研究的jQuery滑块插件中执行此操作.我所做的是在CSS中定义游标,然后使用jQuery在触摸/鼠标事件上添加/删除它们.
CSS：
.element:hover{
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.element.grabbing {
cursor: grabbing;
cursor: -webkit-grabbing;
}
JS：
$(".element").on("mousedown touchstart",function(e) {
$(this).addClass('grabbing')
})
$(".element").on("mouseup touchend",function(e) {
$(this).removeClass('grabbing')
})
