Come far cadere il cursore del mouse sul mouse?

Question

Ho fatto un demo su JSFIDDLE
UPDATEthis version opere in FF, ma non cromo ..
UPDATE 2 Questo website sembra avere una soluzione di lavoro.

mia Javascript è la seguente

$("#click").live({ 
    mousedown: function() { 
      this.addClass("closed"); 
     }, 
    mouseup: function() { 
      this.removeClass("closed"); 
     } 
}); 

e il CSS è la seguente

.closed { 
    cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default !important; 
} 

Ma perché il cursore non diventa una mano chiusa sul mouse verso il basso con questo codice jQuery? Grazie mille! Qualsiasi aiuto sarebbe apprezzato!

Answer 1

2016 Aggiornamento:

Necessario per fare questo in un plugin jQuery cursore su cui sto lavorando. Quello che ho fatto è stato definire i cursori nei CSS, quindi aggiungerli/rimuoverli sugli eventi touch/mouse con 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

Questo funziona (in FF almeno): http://jsfiddle.net/uZ377/21/

ho cambiato il live di legare, so perché, ma dal vivo non ha funzionato. Inoltre, ho spostato this nella funzione jQuery.

Answer 3

In realtà sembra che ci sia un problema con il metodo live per l'associazione degli eventi mouse e mouseup. Separando i due elementi sembra funzionare bene.

In ogni caso, la parte URL della proprietà del cursore non è supportata in tutti i browser. Controlla con Chrome e Firefox, ad esempio, funziona bene per me, ma non in Opera, poiché per quanto ne so non lo supporta.