MIBALTOALEX.COM

BLOG

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

SERVICIOS

PENTESTING

Ayudo a descubrir fallos, vulnerabilidades y otros problemas de seguridad para prevenir ataques hacia equipos o sistemas.

Ver más ›

FULL-STACK

Desarrollo de aplicaciones multiplataforma completas, desde el frontend hasta el backend. React, Node.js, bases de datos y despliegue en producción.

Ver más ›

RECURSOS

Tutoriales, herramientas y recursos gratuitos para desarrolladores. Todo lo que necesitas en un solo lugar.

Ver más ›