Ejemplo
Cambiar el cursor:
document.getElementById("myP").style.cursor = "pointer";
Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades de cursor o devuelve el tipo de cursor para mostrar para el puntero del ratón.
Soporte del navegador
La propiedad cursor se admite en todos los principales navegadores.
Sintaxis
Devolver la propiedad del cursor:
object .style.cursor
Establecer la propiedad del cursor:
object .style.cursor= Valores de propiedad Valor Descripción alias El cursor indica un alias de algo se va a crear all-scroll El cursor indica que algo se puede desplazar en cualquier dirección auto Defecto. El navegador establece un cursor cell El cursor indica que una célula (or set of cells) se puede seleccionar context-menu El cursor indica que un menú contextual está disponible col-resize El cursor indica que la columna puede ser redimensionado horizontalmente copy El cursor indica que algo se va a copiar crosshair El cursor en forma de cruz render como default El cursor por defecto e-resize El cursor indica que un borde de una caja se va a mover a la derecha (east) ew-resize Indica un cursor de cambio de tamaño bidireccional help El cursor indica que hay ayuda disponible move El cursor indica que algo se va a mover n-resize El cursor indica que un borde de una caja se va a mover hacia arriba (north) ne-resize El cursor indica que un borde de una caja se va a mover hacia arriba y la derecha (north/east) nesw-resize Indica un cursor de cambio de tamaño bidireccional ns-resize Indica un cursor de cambio de tamaño bidireccional nw-resize El cursor indica que un borde de una caja se va a mover hacia arriba y hacia la izquierda (north/west) nwse-resize Indica un cursor de cambio de tamaño bidireccional no-drop El cursor indica que el elemento arrastrado no se puede quitar aquí none Sin cursor se representa para el elemento not-allowed El cursor indica que la acción solicitada no se ejecutará pointer El cursor es un puntero e indica un enlace progress El cursor indica que el programa está ocupado (in progress) row-resize El cursor indica que la fila puede ser redimensionado verticalmente s-resize El cursor indica que un borde de una caja se va a mover hacia abajo (south) se-resize El cursor indica que un borde de una caja se va a mover hacia abajo ya la derecha (south/east) sw-resize El cursor indica que un borde de una caja se va a mover hacia abajo y hacia la izquierda (south/west) text El cursor indica el texto que se puede seleccionar URL Una lista separada por comas de direcciones URL separa a los cursores personalizados. Note: Se indicará expresamente un cursor genérico al final de la lista, en caso de que ninguno de los cursores URL definidos se puede utilizar vertical-text El cursor indica vertical de texto que se puede seleccionar w-resize El cursor indica que un borde de una casilla debe desplazarse a la izquierda (west) wait El cursor indica que el programa está ocupado zoom-in El cursor indica que algo se puede ampliar zoom-out El cursor indica que algo se puede hacer zoom a cabo initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: auto Valor de retorno: Una cadena, que representa el cursor del ratón muestra cuando el puntero del ratón está sobre un elemento Versión CSS CSS2
Más ejemplos
Ejemplo
Mostrar todos los cursores disponibles:
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
Inténtalo tú mismo "
Ejemplo
Devolver el tipo de cursor:
alert(document.getElementById("myP").style.cursor);
Inténtalo tú mismo "
Páginas relacionadas
Referencia CSS: cursor property
<Estilo de objeto