¿Cómo hacer que el cursor del mouse agarre el mouse?

Question

me han hecho una demostración en JSFIDDLE
ACTUALIZACIÓNthis version obras en FF pero no cromo ..
ACTUALIZACIÓN 2 Este website parece tener una solución de trabajo.

mi Javascript es el siguiente

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

y la CSS es la siguiente

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

Pero ¿por qué no el cursor se convierta en una mano cerrada en el ratón hacia abajo con este código jQuery? ¡Muchas gracias! ¡Cualquier ayuda sería apreciada!

Answer 1

2016 Actualización:

tenía que hacer esto en un plugin de jQuery deslizador que estoy trabajando. Lo que hice fue definir los cursores en CSS, luego agregarlos/eliminarlos en los eventos de toque/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

Esto funciona (en FF al menos): http://jsfiddle.net/uZ377/21/

me cambiaron la vivo para unirse, sé por qué, pero en vivo no funcionaba. Además, envolví this en la función jQuery.

Answer 3

En realidad parece que hay un problema con el método directo para enlazar los eventos mousedown y mouseup. Al separar los dos elementos, parece funcionar bien.

De todos modos, la parte URL de la propiedad del cursor no es compatible con todos los navegadores. Verifique con Chrome y Firefox, por ejemplo, funciona bien para mí, pero no en Opera, ya que, por lo que yo sé, no es compatible.