From a58324a6a9d82fa9e2ed62513ee09f637acd8879 Mon Sep 17 00:00:00 2001 From: tofulm Date: Thu, 31 Jan 2019 10:59:07 +0100 Subject: [PATCH] =?UTF-8?q?script=20de=20gestion=20du=20swipe=20pour=20les?= =?UTF-8?q?=20=C3=A9crans=20tactiles?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 14 ++++++++++++++ gamuSwipe.js | 34 ++++++++++++++++++++++++++++++++++ index.html | 36 ++++++++++++++++++++++++++++++++++++ 3 files changed, 84 insertions(+) create mode 100644 gamuSwipe.js create mode 100644 index.html diff --git a/README.md b/README.md index 3b70edf..3b2fce4 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,16 @@ # gamuSwipe +https://git.gamuza.fr/scripts/gamuswipe + +gamuSwipe est un script pour simplifier le swipe pour les écrans tactiles + +## utilisation + +le script fournit la fonction `gamuSwipe(id, handleswipe)` +id => l'id de l'élément support +handleswipe => callback qui recoit le sens du déplacement : left ou right + + + + + diff --git a/gamuSwipe.js b/gamuSwipe.js new file mode 100644 index 0000000..440b897 --- /dev/null +++ b/gamuSwipe.js @@ -0,0 +1,34 @@ +/* + * gamuSwipe v1.0.0 2019-01-31 + * + */ +function gamuSwipe(mon_id,handleswipe){ + window.addEventListener('load', function(){ + var touchsurface = document.getElementById(mon_id); + var startX; + var dist; + + touchsurface.addEventListener('touchstart', function(e){ + var touchobj = e.changedTouches[0]; + dist = 0; + startX = touchobj.pageX; + }, false); + + //touchsurface.addEventListener('touchmove', function(e){ + //}, false); + + touchsurface.addEventListener('touchend', function(e){ + var touchobj = e.changedTouches[0]; + dist = touchobj.pageX - startX; + if (dist < 0) { + handleswipe('left'); + e.preventDefault(); + } else if(dist > 0){ + handleswipe('right'); + e.preventDefault(); + } + }, false); + + }, false);// end window.onload +} + diff --git a/index.html b/index.html new file mode 100644 index 0000000..e899ae3 --- /dev/null +++ b/index.html @@ -0,0 +1,36 @@ + + + + + + + +
+
Swipe Me
+ Click Ok +
+ + + +