fbpx
Desenvolvimento

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

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:

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

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:

hpEzj9W