Swipe com JS Android iOS

CSS

JavaScript

21/07/2017

Olá pessoal, bom dia!
é possível fazer o evento "swipe" utilizando JS/CSS ?
A ideia é ter algo como em aplicativos de email onde ao deslizar pro lado tenha apareçam opções como marcar como lido ou apagar.

alguém sabe por onde seguir ?

desde já agradeço.
Lucas Santos

Lucas Santos

Curtidas 0

Respostas

Eduardo Chaves

Eduardo Chaves

21/07/2017

Olá Lucas, bom dia!
é possível fazer o swipe utilizando os touchevents do JS como o tochstart, touchmove e touchend.

segue um pequeno exemplo:

 document.addEventListener("touchstart",onTouchStart,false);
 document.addEventListener("touchmove",onTouchMove,false);
 document.addEventListener("touchend",onTouchEnd,false);
var startX;
var startY;

function onTouchStart()
{
    //codigo para capturar as coordenadas do toque
    startX = event.touches[0].pageX;
    startY = event.touches[0].pageY;
}

function onTouchMove()
{
     //código a ser executado quando o dedo se mover na tela (touchmove/swipe)
}

function onTouchEnd()
{
     //codigo a ser executado quando tirar o dedo da tela (touchend)
}


a partir daí é só utilizar as coordenadas para determinar pra que lado ocorreu o swipe utilizando as funções mapeadas acima.

Uma outra opção também é utilizar jQuery juntamente de um plugin como o TouchSwipe por exemplo.

espero ter ajudado.

um abraço
GOSTEI 0
POSTAR