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

Question

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

我已经阅读了他们的文档，但没有发现任何关于对角滑动或平移等的内容......

Answer 1

一个包含大量手势信息的对象被传递给每个 Hammer.js 事件回调(如 here in the API docs 所述)。
eventObject.angle 属性正是您要寻找的。其值是(装置 0 RIGHT， -90 装置UP， 90 手段DOWN， 180 装置LEFT)和之间-180 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...
    }
});