使用Hammer.js识别对角手势(滑动)

Question

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

我已经完成了他们的文档,但没有找到任何关于对角刷卡或平移等的说法......

Answer 1

具有关于手势的大量信息的对象被传递到每个Hammer.js事件回调(如API文档中所述).

该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...
    }
});