使用Hammer.js识别对角线手势(卷帘) [英] Recognize diagonal gestures(swipe) using Hammer.js

问题描述

是否可以使用Hammer.js识别对角线滑动？

我已经翻阅了他们的文档，但没有找到任何关于对角线滑动或平移等内容的内容。

推荐答案

一个包含大量手势信息的对象被传递给每个Hammer.js事件回调(如here in the API docs所述)。

eventObject.angle属性就是您要查找的。其值介于-180和180之间(0表示右侧，-90表示向上，90表示向下，180表示左侧)。

下面是识别对角线滑动的方法：

var hammertime = new Hammer(domElement);
hammertime.get("swipe").set({ direction: Hammer.DIRECTION_ALL });
hammertime.on("swipe", function(eventObject) {
    if(eventObject.angle < -90) {
        //UP-LEFT SWIPE...
    } else if(eventObject.angle < 0) {
        //UP-RIGHT SWIPE...
    } else if(eventObject.angle < 90) {
        //DOWN-RIGHT SWIPE...
    } else {
        //DOWN-LEFT SWIPE...
    }
});

这篇关于使用Hammer.js识别对角线手势(卷帘)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！