jQuery mobile-對於每個現場點擊事件應該有一個等效的點擊事件？

Question

我已經將jQuery實時點擊事件替換爲jQuery移動點擊事件來提高響應能力。

我有一種感覺，這是一個壞主意兼容性的原因。

是否有必要同時具有這兩個事件，並且有什麼方法可以將它們寫入同一個函數？

如（「點擊」，「水龍頭」）

Answer 1

比利的答案令人難以置信地完整，實際上在我使用它的幾次時效果很好。此外然而，你可能想看看在JQuery Mobile的VMOUSE插件，它是一個試圖抽象的鼠標事件：

// This plugin is an experiment for abstracting away the touch and mouse 
// events so that developers don't have to worry about which method of input 
// the device their document is loaded on supports. 

- https://github.com/jquery/jquery-mobile/blob/master/js/vmouse.js

我一直在玩這一個項目我正在努力工作，現在看起來非常敏感。要使用，像：

$('selector').bind('vclick', function() { ... 

或

$('selector').bind('vmousedown', function() { ... 

Answer 2

您可以在一個呼叫這樣的綁定多個事件：

$('selector').bind('click tap',function(){ ... }) 

這可能會在某些瀏覽器/手機，不過，這是罰款可能會使某些觸發點按操作的設備觸發兩次事件。

你可以做某種類型的設備/特徵檢測，並添加相應的處理程序只有這樣解決這個問題...

$('selector').bind(myCustomDetectionFunction() ? 'click' : 'tap' ,function(){ ... }) 

此外，我認爲touchstart和mousedown更好的活動來選擇。這是因爲觸摸之後，點擊事件不會觸發，直到延遲已經過去，因爲系統允許第二次觸摸的機會使其成爲雙擊或成爲輕掃手勢等等。 touchstart事件立即啓動，因爲mousedown也應該更具響應性。

Answer 3

似乎jQuery的移動已經這不只是一個事件：

$(function(){ 
    $('selector').bind('vclick', function(e){ 
     alert('test');  
     return false; 
    }); 
}); 

Answer 4

我們開發了一個小的腳本來解決那個問題。只需將其包含在全局級別中，即可立即觸發您的點擊事件，而不會對延遲的事件造成任何問題。

https://github.com/cargomedia/jquery.touchToClick

Answer 5

您可以從jQuery的使用VMOUSE插件。這將解決點擊事件延遲300ms（僅限移動設備）以及觸發點擊事件和觸摸事件的情況。

要得到vmouse插件，請使用jQuery Mobile Download Builder。將它包括在jQuery之後，但在任何將取決於此插件的腳本之前。

相關事件vclick，基本使用方法如下：

$(".selector").on("vclick", function(event) { 
    // To execute 
});