MIBALTOALEX.COM

lunes, octubre 16, 2017

Hammer.JS - Añade gestos a tu página web

Hammer.JS es una es una libería de código abierto que permite implementar navegación por gestos realizados con el tacto, el ratón y los eventos del puntero.

Como usarlo

El uso es muy sencillo, solo sigue estos pequeños pasos.
  1. Debes incluir la librería.
      ...
      <meta content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1" name="viewport"></meta>
      ...
      <script src="https://hammerjs.github.io/dist/hammer.min.js"></script>
      <script src="miscript.js"></script>
  2. Crear una nueva instancia para empezar a capturar los eventos
    // Contenido de miscript.js
    var miElemento = document.querySelector('#mielemento');
    var misOpciones = {};
    var hammer = new Hammer(miElemento, misOpciones);
    hammertime.on('pan', function(evento) {
          //Código para el evento pan
    });
          
Más información en:
https://hammerjs.github.io/

0 comentario(s)

Publicar un comentario