Использование Hammer. js в мини-игре WeChat

Question

Я пытался использовать Hammer. js для сенсорного UX в мини-игре WeChat. Некоторое время я искал, но не мог найти ни одного подобного вопроса или ответа.

Сначала я просто попытался использовать Hammer. js обычным способом. После создания Canvas с помощью document.createElement('canvas') с помощью weapp-adapter.js инициализируется Hammer. js выглядит так:

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

Но консоль ничего не регистрирует в событии касания. Поскольку мини-игра Canvas of WeChat не имеет обработчиков событий, это вполне нормально.

Тогда как я могу использовать Hammer. js в мини-игре WeChat?

Answer 1

Hammer. js хорошо работает с мини-игрой WeChat. Моя ошибка была в import заявлении для Hammer. js.

Перед публикацией этого вопроса я использовал

import * as Hammer from 'hammerjs'

, что не сработало, как я ожидал. Я изменил эту строку как

import 'hammerjs'

, и это сработало. Все события сенсорного UX регистрируются на консоли, такие как tap, 'pan`, et c.

Но этот тип импорта менее интуитивен. Я в основном использую операторы import как import SOMETHING from 'somemodule'. Хотя я и пишу этот ответ сам, мне бы очень хотелось, чтобы мне ответили снова, если бы кто-то дал мне знать более подробно.