jquery - Web 应用程序中的 3 指多点触控支持

Question

是否可以在 Javascript 中处理超过 2 个手指的触摸事件？在我的测试中，添加第三根手指时事件会停止触发。我使用 jQuery 和官方 jQuery 插件创建了一个示例：Pointer Events Polyfill。使用 Wacom Cintiq 22HD 触控显示器在 Windows 10 Professional 上的 Chrome 和 Microsoft Edge 中进行了测试。

http://jsfiddle.net/po4a3e1L/2/

(function ($) {
    var pointers = [];

    $('#pointerTarget').on('pointerdown pointerover pointerenter', function (event) {
        var id = event.originalEvent.pointerId;
        if (!pointers[id]) {
            pointers[id] = $(`<div id="${id}"><p>pointerId: ${id}</p></div>`).appendTo('body');
        }
    });

    $('#pointerTarget').on('pointerup pointerout pointerleave', function (event) {
        var id = event.originalEvent.pointerId;
        if (pointers[id]) {
            pointers[id].remove();
            pointers.splice(id, 1);
        }
    });
})(jQuery);

Answer 1

原来这是我的 Wacom 驱动程序的问题。在触控选项下，手势识别器有两种选择：使用 Windows 手势和使用 Wacom 手势。我不得不选择前者。