如何讓鼠標光標在鼠標上抓取？

Question

我已經對JSFIDDLE
UPDATEthis 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; 
} 

但是，爲什麼不將光標成爲一個封閉的手放在鼠標按下這個jQuery代碼？ 非常感謝！ 任何幫助，將不勝感激！

Answer 1

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') 
}) 

Answer 2

這工作（在FF至少）：http://jsfiddle.net/uZ377/21/

我改變了活的結合，不知道爲什麼，但現場沒有工作。另外，我在jQuery函數中包裝了this。

Answer 3

實際上看起來像綁定mousedown和mouseup事件的活動方法存在問題。通過分離這兩個元素，它似乎工作正常。

無論如何，遊標屬性的URL部分在所有瀏覽器中都不受支持。以Chrome和Firefox爲例，它對我有用，但不適用於Opera，因爲據我所知它不支持它。