javascript - punteros - poner manita en div

¿Cómo cambiar el cursor del puntero al dedo usando jQuery?

Question

Esto es probablemente muy fácil, pero nunca lo había hecho antes. ¿Cómo se cambia el cursor al dedo (como para hacer clic en los enlaces) en lugar del puntero normal?

Y cómo hacer esto con jQuery ya que es para lo que lo estoy usando.

Answer 1

¡Actualizar! ¡Mejorada! Encuentra el plugin @ GitHub !

En otra nota, aunque ese método es simple, he creado un complemento jQuery ( encontrado en este jsFiddle, solo copia y el código pasado entre líneas de comentarios ) que hace que cambiar el cursor en cualquier elemento sea tan simple como $("element").cursor("pointer") .

¡Pero eso no es todo! ¡Actúa ahora y obtendrás la position funciones de la mano e ishover sin cargo adicional! Así es, 2 funciones de cursor muy prácticas ... ¡GRATIS!

Funcionan tan simple como se ve en la demostración:

$("h3").cursor("isHover"); // if hovering over an h3 element, will return true, 
    // else false
// also handy as
$("h2, h3").cursor("isHover"); // unless your h3 is inside an h2, this will be 
    // false as it checks to see if cursor is hovered over both elements, not just the last!
//  And to make this deal even sweeter - use the following to get a jQuery object
//       of ALL elements the cursor is currently hovered over on demand!
$.cursor("isHover");

También:

$.cursor("position"); // will return the current cursor position as { x: i, y: i }
    // at anytime you call it!

Los suministros son limitados, ¡así que actúa ahora!

Answer 2

¿Cómo se cambia el cursor al dedo (como para hacer clic en los enlaces) en lugar del puntero normal?

Esto es muy simple de lograr usando el cursor propiedad CSS, no se necesita jQuery .

Puede leer más sobre en: CSS cursor property y cursor - CSS | MDN cursor - CSS | MDN

.default {
  cursor: default;
}
.pointer {
  cursor: pointer;
}

<a class="default" href="#">default</a>

<a class="pointer" href="#">pointer</a>

Answer 3

Es muy directo

HTML

<div>
<input type="text" placeholder="sometext" />

<input type="button" value="button" class="button"/>
<br/><br/>
<button class="button"> Another button</button>
</div>

Jquery

$(document).ready(function(){
$(''.button'').css( ''cursor'', ''pointer'' );

// for old IE browsers

$(''.button'').css( ''cursor'', ''hand'' ); 

});

Compruébalo en JSfiddle

Answer 4

$(''selector'').css( ''cursor'', ''pointer'' );

Sé que puede ser confuso según tu pregunta original, pero el cursor "dedo" en realidad se llama "puntero".

El cursor de flecha normal es solo "predeterminado".

todo el puntero predeterminado posible se ve DEMO