javascript - 如何使用hammer.js防止默认触摸

Question

如果用触摸设备点击锚点，我想阻止它点击，但如果用鼠标点击它，它会正常运行。

原因是，在桌面上，您将鼠标悬停在锚点上以查看更多信息，然后单击以查看产品。

在手机上，我希望第一次点击显示信息，第二次点击查看产品。

我已经尝试了以下各种变化：

$('article.product aside a.link').hammer().on('tap', function(ev) {

    if (ev.gesture.pointerType == 'touch') {
        ev.gesture.srcEvent.preventDefault();

        return false;
    }

});

有人对此有任何想法吗？

Answer 1

jQuery mouseover适用于移动设备（至少在 iOS 中）。我创建了一个使用 的小提琴mouseover，同时告诉链接不要在没有opacity1 的情况下触发。

http://jsfiddle.net/FyF3b/5/

我在 chrome 和 iPhone 4S 上对此进行了测试，它似乎符合您的要求。让我知道它是否适用于您的关系。

JS：

$('aside').on('mouseover mouseout', function() {
  $(this).toggleClass('on'); 
});
$('aside a').on('click', function(event) {
  if ($(this).parent().css('opacity') < 1) {
    event.preventDefault();
  }
});