如果光標位於元素之外時如何獲取應用mousdown光標？

在這撥弄你可以抓住並拖動繞了一圈黑框如果光標位於元素之外時如何獲取應用mousdown光標？

http://jsfiddle.net/S5AT6/

如何獲取鼠標按下光標（closedhand）進行顯示，而不是默認光標，當用戶已經抓住了黑框，但它們的光標位於#marker元素之外並位於文檔中。

來源

2012-04-15 user784637

是否這樣？ http://jsfiddle.net/DerekL/S5AT6/1/（我用'help'代替） – 2012-04-15 02:21:12

哇，那個jsfiddle太麻煩了。你不需要doctype body head等，它已經提供。在下拉菜單中加載jquery，並使用css，html和js框，它們在那裏被使用。 – elclanrs 2012-04-15 02:21:14

這裏http://jsfiddle.net/DerekL/S5AT6/1/。現在有人可能會提供幫助。它是不是更清潔？它只花了1分鐘。 – elclanrs 2012-04-15 02:27:35

你去那裏：Solution on 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 {

添加了這個文檔上的準備：

$(document).on('mouseup', function(event) { 
    $('body').removeClass("mouseDown"); 
});

添加了這個在您的鼠標按下功能：

$('body').addClass("mouseDown");

來源

2012-04-15 02:31:53 Marc

的cursor風格僅僅適用於整個<html>。 Updated jsFiddle

來源

2012-04-15 02:33:13 Ryan

你也可以使用css3抓取遊標聲明。 'cursor：-webkit-grabbing;'，'cursor：-moz-grabbing;'，'cursor：grabbing;'。更多關於SitePoint的信息 - http://www.sitepoint.com/css3-cursor-styles/#fbid=tXQrrpoxCkt – mrtsherman 2012-04-15 02:34:39

@ mrtsherman：謝謝，不知道WebKit也支持抓取光標。 – Ryan 2012-04-15 02:35:10

如果光標位於元素之外時如何獲取應用mousdown光標？

回答

相關問題