JQuery Mobile vclick用法及代碼示例

$( document ).on( "vclick", "p", function() {
  $( this ).append( "<span style='color:#108040;'> vclick fired... </span>" );
  });

警告：謹慎使用 vclick

在觸摸設備上謹慎使用 vclick。基於 Webkit 的瀏覽器在 touchend 事件被調度後大約 300 毫秒合成 mousedown 、 mouseup 和 click 事件。合成鼠標事件的目標是在它們被調度時計算的，並且基於觸摸事件的位置，在某些情況下，實現特定的啟發式方法會導致不同設備甚至不同操作係統版本上的不同目標計算相同的設備。這意味著原始觸摸事件中的目標元素可能與合成鼠標事件中的目標元素不同。

我們建議使用click 而不是vclick，隻要觸發的操作有可能更改屏幕上觸摸點下方的內容。這包括頁麵轉換和其他行為，例如可能導致屏幕移動或內容被完全替換的折疊/展開。

取消元素的默認點擊行為

應用程序可以在 vclick 事件上調用 preventDefault() 以取消元素的默認單擊行為。在基於鼠標的設備上，對vclick 事件調用preventDefault() 等同於在氣泡事件階段對真實click 事件調用preventDefault()。在基於觸摸的設備上，它有點複雜，因為實際的 click 事件在 vclick 事件被調度後大約 300 毫秒被調度。對於觸摸設備，在 vclick 事件上調用 preventDefault() 會觸發 vmouse 插件中的一些代碼，該代碼會在捕獲事件階段嘗試捕獲由瀏覽器調度的下一個 click 事件，並調用 preventDefault() 和stopPropagation() 就可以了。正如上麵警告中提到的，有時很難將觸摸事件與其相應的鼠標事件匹配，因為目標可能不同。出於這個原因，vmouse 插件也回退到嘗試通過坐標識別相應的click 事件。仍然存在目標和坐標識別都失敗的情況，這會導致 click 事件被調度並觸發元素的默認操作，或者在內容已被移動或替換的情況下，觸發不同的點擊元素。如果給定元素/控件經常發生這種情況，我們建議您使用click 來觸發您的操作。