jquery - jquery preventdefault 仅在第一次触摸时

Question

我希望学习一种方法，使用 jquery 仅针对触摸编写以下代码？

$(".portfolio a").one("click", false);

此代码用于hover可视菜单链接上的事件。我想阻止链接在第一次触摸时通过，所以悬停事件发生在第一次触摸时，第二次触摸会带你进入链接。

悬停类与href相关...

Answer 1

只需在取消绑定链接一次之前测试触摸行为：

if ("ontouchstart" in document.documentElement) {
   $(".portfolio a").one("click", false, function(e){
     e.preventDefault();
   }
}

或相反亦然

$(".portfolio a").one("click", false, function(e){
   if ("ontouchstart" in document.documentElement) {
     e.preventDefault();
   }
}

Answer 2

添加一个.hover类可能比使用:hover伪选择器更自然。这将使您能够执行以下操作：

$(".portfolio a").one("click", function(e) {
    e.preventDefault();
    $(this).addClass('hover');
});

然后，下一次单击将照常进行。

Answer 3

$(".portfolio a").one("click", false, function(event){

event.preventDefault();

};);

尝试这个