Javascript touch movement, track when user swipes from edges

后端 未结 3 1489
礼貌的吻别
礼貌的吻别 2020-12-16 22:37

I need to track user touch events. I want to track when user swipes from edges.
For example when user swipes from left vertical edge I will show a menu, from right edge

3条回答
  •  悲&欢浪女
    2020-12-16 22:59

    I had trouble making this work using Hammer.JS - v2.0.8 and refering to the actual documentation.
    Based on 2BitNerd's answer here is what I used:

    Hammer(document.body).on("swiperight", function(e) {
        var endPoint = e.pointers[0].pageX;
        var distance = e.distance;
        var origin = endPoint - distance;
        if (origin <= 15) {
            // They swiped, starting from no more than 15px away from the edge. 
        }
    });
    

    The .gesture attribute has to be skipped for me to make this work as it does not exist.

提交回复
热议问题