0

Indicar la posición del cursor en un campo input con jQuery

inputIndicator es un plugin jQuery bastante novedoso, nos permite mostrar la posición del cursor dentro de un campo input mediante una pequeña linea de color que se va trasladando según la ubicación del cursor.

Son sus características más importantes: no requiere imágenes, soporta la selección de texto según su dirección, es dinámica y se actualiza en tiempo real, no tiene problemas de rendimiento, independientemente de la cantidad de campos input utilizados.

input que muestra la posicion del cursor con jquery

Pueden visualizar una demostración online directamente desde JSFiddle.

Ejemplos de uso:
// initialize
$(‘input:text’).inputIndicator();

// initialize with setting the ‘background-position’
$(‘input:text’).inputIndicator({ bgPos:’31px’ });

// destroy
$(‘input:text’).inputIndicator(‘destroy’);

Como pueden ver en el ejemplo, este plugin no tiene complicaciones y se configura muy fácilmente.

En cuanto a la personalización, podemos decir que es muy sencilla, la mayoría de los cambios visuales se pueden realizar perfectamente desde las hojas de estilo, cambiando apenas unos valores tenemos la posibilidad de adaptar este plugin a nuestro diseño con total precisión.

Web: inputIndicator

 

Leave a reply