javascript / jquery中的track-pad tap事件

时间:2014-12-04 12:21:58

标签: javascript jquery macos trackpad

有没有办法从mac的跟踪板处理点击?

我需要在track-pad上处理'tap'和'click',尤其是在mac上。

我试过

$.event.special.tap = {
    setup: function(data, namespaces) {
        var $elem = $(this);
        $elem.bind('touchstart', $.event.special.tap.handler)
             .bind('touchmove', $.event.special.tap.handler)
             .bind('touchend', $.event.special.tap.handler);
    },

    teardown: function(namespaces) {
        var $elem = $(this);
        $elem.unbind('touchstart', $.event.special.tap.handler)
             .unbind('touchmove', $.event.special.tap.handler)
             .unbind('touchend', $.event.special.tap.handler);
    },

    handler: function(event) {
        event.preventDefault();
        var $elem = $(this);
        $elem.data(event.type, 1);
        if (event.type === 'touchend' && !$elem.data('touchmove')) {
            event.type = 'tap';
            $.event.handle.apply(this, arguments);
        } else if ($elem.data('touchend')) {
            $elem.removeData('touchstart touchmove touchend');
        }
    }
};

$('.thumb img').bind('tap', function() {
    //bind tap event to an img tag with the class thumb
}

哪个不起作用。

如何在触控板上捕捉点击事件?

1 个答案:

答案 0 :(得分:1)

我有同样的担忧。看起来MacBook上的触控板(例如)不像实际的触控设备那样触发TouchEvents。而是将手势转换为MouseEvents。

document.addEventListener('mousewheel', function(e) {
    console.log(e.wheelDelta);
});

document.addEventListener('touchstart', function(e) {
    console.log(e);
});

在上面的示例中,当我尝试在触控板上捕获“捏合/缩放”手势时,我实际上是从滚轮中取回Delta,就像我按住CTRL然后向上或向下滚动一样,返回wheelDelta值为120或-120。将事件监听器置于'touchstart'上不会像我开的那样写入控制台,除非它在平板电脑或智能手机等触摸设备上。

显然,MackBook可以检测到您触摸触控板的时间,因为它可以检测到您的移动,但它似乎无法通过文档获得。