在这个小提琴中,您可以围绕一个圆圈抓住并拖动黑盒子
#marker
当用户抓住黑匣子但他们的光标位于元素外部和文档内部时,如何显示 mousedown cursor(closedhand) 而不是默认光标。
在这个小提琴中,您可以围绕一个圆圈抓住并拖动黑盒子
#marker
当用户抓住黑匣子但他们的光标位于元素外部和文档内部时,如何显示 mousedown cursor(closedhand) 而不是默认光标。
事情发生了变化:
CSS
// removed the !important flag here
cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default;
// removed the div#marker here
.mouseDown {
JS
在准备好的文档上添加了这个:
$(document).on('mouseup', function(event) {
$('body').removeClass("mouseDown");
});
在你的 mousedown 函数中添加了这个:
$('body').addClass("mouseDown");
只需将cursor
样式应用于整个<html>
. 更新了 jsFiddle