このフィドルでは、円の周りのブラックボックスをつかんでドラッグできます
#marker
ユーザーがブラックボックスをつかんだが、カーソルが要素の外側でドキュメントの内側にある場合に、デフォルトのカーソルの代わりにマウスダウンカーソル(クローズドハンド)を表示するにはどうすればよいですか。
このフィドルでは、円の周りのブラックボックスをつかんでドラッグできます
#marker
ユーザーがブラックボックスをつかんだが、カーソルが要素の外側でドキュメントの内側にある場合に、デフォルトのカーソルの代わりにマウスダウンカーソル(クローズドハンド)を表示するにはどうすればよいですか。
そこに行きます:jsFiddleのソリューション
物事が変わった:
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
docreadyにこれを追加しました:
$(document).on('mouseup', function(event) {
$('body').removeClass("mouseDown");
});
これをマウスダウン関数に追加しました:
$('body').addClass("mouseDown");
cursor
全体にスタイルを適用するだけ<html>
です。jsFiddleを更新しました