Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
let startX, startY; $("#swipeable").on("touchstart", function(e) { const t = e.originalEvent.touches[0]; startX = t.clientX; startY = t.clientY; }); $("#swipeable").on("touchend", function(e) { const t = e.originalEvent.changedTouches[0]; const dx = t.clientX - startX, dy = t.clientY - startY; if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 50) { if (dx > 0) $(this).trigger("swiperight"); else $(this).trigger("swipeleft"); } });
Result
Open