在移動設備上點擊並雙擊事件

Question

我正嘗試在移動瀏覽器上使用tap/doubletap事件。我有以下代碼：

$(function() { 
    $(".vppop").mouseenter(function() { // Desktop browsers only 
     $(".vppop").addClass("vppopscale"); 
    }); 
    $(".vppop").mouseleave(function() { // Desktop browsers only 
     $(".vppop").removeClass("vppopscale"); 
    }); 
    $(".vppop").on('tap', function(e) { // Mobile browsers only 
     e.preventDefault(); // Stop from following link 
     $(".vppop").addClass("vppopscale").delay(300).removeClass("vppopscale"); 
    }); 
    $(".vppop").on('doubletap', function() { // Mobile browsers only 
     // Go to Link 
    }); 
}); 

使用手指插件針對移動事件：

無法獲得自來水事件，防止鏈路以下&不知道我需要doubletap事件得到它遵循鏈接。謝謝您的幫助。

Answer 1

我剛纔看到這個問題。這可能爲時已晚，但如果您將Finger更新爲最新版本，您將能夠以此方式防止默認行爲。舊版本不支持此功能。

但是，如果附加兩個tap和doubletap事件偵聽器相同的元素，並且tap防止默認行爲，那麼它也將申請doubletap。

所以，你可能想在你的doubletap聽衆手動打開鏈接：

$(".vppop").on('doubletap', function() { // Mobile browsers only 
    window.location = this.href; 
}); 

希望這有助於，即使這是一個有點晚:)