Contenido

jQuery Gestures, sacale humo a tu ratón

22 Dic

+ 5

El ratón en las páginas web es la herramienta más cómoda para activar un enlace y desplazarnos por la página. Pero si además, pudieras usarlo para crear acciones predefinidas y añadir nuevas funcionalidades con ellas a tus aplicaciones web.

Con jQuery Gestures, esto es posible. Puedes especificar el movimiento que el usuario ha de efectuar con el ratón para que dicha acción sea lanzada.

// Inicializamos y definimos el color del trazado
$.gestures.init({active:false,color:'#ff0000'});

// Añadimos nuevo gesto (Abajo)
$.gestures.register('D', function() {
  alert('down !');
 });

La definición de gestos, es realmente sencilla ya que simplemente tendremos que indicar las direcciones en el orden que deseemos que sean controladas.

// Uno más complejo (Abajo Izquierda Arriba Deracha)
$.gestures.register('DLUR', function() {
  alert('this is a rectangle, no ?');
  });

Esto me recuerda las combinaciones de teclas que hacía en juegos como Street Fighter o Dragon Ball en la Super Nes para hacer combos.

[Demo][Descargar]

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.