在WeChat minigame上使用Hammer.js

Question

我试过在WeChat minigame上使用Hammer.js的touch UX。我找了一段时间，但没有找到任何类似的问题或答案。

首先，我只是尝试以正常的方式使用Hammer.js。在weapp-adapter.js的帮助下使用document.createElement('canvas')创建画布后，初始化Hammer.js如下所示：

        this._hammer = new Hammer(canvas);
        this._hammer.on('tap', (event: HammerInput) => {
            console.log('tap', event);
        });

但控制台不会在触摸事件上记录任何内容。由于WeChat minigame的画布没有事件处理程序，这是很正常的。

那么，如何在WeChat minigame上使用Hammer.js？

Answer 1

Hammer.js与WeChat迷你游戏配合得很好。我的错误是在Hammer.js的import语句中。

在发布这个问题之前，我使用了

import * as Hammer from 'hammerjs'

，它并没有像我预期的那样工作。我将这一行修改为

import 'hammerjs'

而且它起作用了。所有的触摸UX事件都记录在控制台上，例如tap、'pan`等。

但这种意义并不那么直观。我主要将import语句用作import SOMETHING from 'somemodule'。虽然这个答案是我自己写的，但如果有人让我知道更多细节，我希望能再次得到回答。