Torne o seu site receptivo a movimentos de toque com esta biblioteca Javascript


Hammer

Se você já possui um site com design responsivo, talvez o próximo passo seja adicionar a ele a capacidade de reconhecer movimentos de toque. Caso este seja o seu caso, a Hammer.js pode ajudar.

Esta pequena biblioteca Javascript facilita a instalação de áreas acionadas por toque em uma página. E caso a funcionalidade não estiver disponível ao usuário, ele ainda pode usar o ponteiro do mouse.

Com apenas 3.96 kB, a Hammer se destaca pela leveza e agilidade de instalação. Basta incluir a biblioteca e criar uma nova instância. Neste exemplo, com “tap”, ou toque rápido:

var element = document.getElementById(‘test_el’); var hammertime = Hammer(element).on(“tap”, function(event) { alert(‘hello!’); });

Uma implementação simples da Hammer.js pode ser visualizada no Codepen, reproduzida na imagem abaixo. Há mais de dez tipos de gestos disponíveis, entre eles deslizar, rotacionar, pinçar e outros:

Codepen

Quem se interessou pode conferir a documentação completa no site do projeto e no repositório do GitHub.