Swipe com JS Android iOS
21/07/2017
0
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.
é 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
Curtir tópico
+ 0
Responder
Posts
26/07/2017
Eduardo Chaves
Olá Lucas, bom dia!
é possível fazer o swipe utilizando os touchevents do JS como o tochstart, touchmove e touchend.
segue um pequeno exemplo:
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
é 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
Responder
Clique aqui para fazer login e interagir na Comunidade :)