sciactive / tinygesture

Very small gesture recognizer for JavaScript. Swipe, pan, tap, doubletap, longpress, pinch, and rotate.
https://sciactive.github.io/tinygesture/
Apache License 2.0
195 stars 18 forks source link

Swipe events does not fire. #13

Open p6laris opened 3 weeks ago

p6laris commented 3 weeks ago

Hi I registered for all four swipe events, but surprisingly only the right one will fire. i don't if it's because of the touch pad or something else:


import TinyGesture from "https://unpkg.com/tinygesture@3.0.0/dist/TinyGesture.js";

function initSlider(target)
{
    const instance = new TinyGesture(target);
    console.log(instance)

    instance.on("swipeleft", async event => {
        console.log("swiped left")
    });

    instance.on("swiperight", async event => {
        console.log("swiped right")
    });

    instance.on("swipeup", async event => {
        console.log("swiped up")
    });

    instance.on("swipedown", async event => {
        console.log("swiped down")
    });
}

document.addEventListener("DOMContentLoaded", () => {
  document.querySelectorAll(".swipe").forEach(initSlider);
});
p6laris commented 2 weeks ago

I managed to make it work by setting the velocityThreshold to 0, and only 0 works. any fix for that would be great. Thanks.

  const instance = new TinyGesture(target, { 
    diagonalSwipes: true,
    velocityThreshold: 0, 
  });