javascript - HammerJS 2.0 中手动触发事件

Question

我正在尝试在 HammerJS 中手动触发该事件，但到目前为止我看不到任何进展。此外，这里还提供了 HammerJS 文档 wiki 版本 1 的链接。

有人可以告诉我如何使用 HammerJS 2.0 手动触发事件吗？

Answer 1

这就是HammerJS tests触发触摸事件。

function createTouchEvent (name, x, y, identifier) {
    var event = document.createEvent('Event');
    event.initEvent('touch' + name, true, true);

    event.touches = event.targetTouches = [{
        clientX: x,
        clientY: y,
        identifier: identifier || 0
    }];

    //https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent.changedTouches
    event.changedTouches = [{
        clientX: x,
        clientY: y,
        identifier: identifier || 0
    }];

    return event;
}

function dispatchTouchEvent (el, name, x, y, identifier) {
    var event = createTouchEvent(name, x, y, identifier);
    el.dispatchEvent(event);
}

例如，您可以点击:

dispatchTouchEvent(element, 'start', 50, 50);
dispatchTouchEvent(element, 'end', 50, 50);

或者平底锅:

dispatchTouchEvent(element, 'start', 50, 50);
dispatchTouchEvent(element, 'move', 70, 50);
dispatchTouchEvent(element, 'end', 70, 50);