JQuery Mobile vmousedown用法及代碼示例

vmousedown event

添加的版本：1.0

說明：虛擬化 mousedown 事件處理程序。

jQuery( ".selector" ).on( "vmousedown", function( event ) { ... } )

我們提供了一組"virtual" 鼠標事件，它們試圖抽象出鼠標和觸摸事件。這允許開發人員為基本鼠標事件注冊偵聽器，例如 mousedown、mousemove、mouseup 和 click，並且插件將負責在幕後注冊正確的偵聽器，以便在盡可能快的時間內為該設備調用偵聽器.在觸摸環境中，該插件保留了在傳統鼠標環境中看到的事件觸發順序，例如，vmousedown 總是在 vmouseup 之前調度，vmouseup 在 vclick 之前調度，等等。虛擬鼠標事件還規範了從坐標信息中提取坐標信息的方式事件，因此在基於觸摸的環境中，可以直接在事件對象上從 pageX、pageY、screenX、screenY、clientX 和 clientY 屬性中獲得坐標。

jQuery Mobile vmousedown 事件處理程序模擬移動設備上的"onmousedown" 事件處理程序。

這個插件擴展了 jQuery 的內置方法。如果沒有加載 jQuery Mobile，調用 .vmousedown() 方法可能不會直接失敗，因為該方法仍然存在。但是，不會發生預期的行為。

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

效果演示

也可以配置虛擬鼠標事件：

$.vmouse.moveDistanceThreshold (default: 10px) - 超過這個，那就是一個滾動事件。調用 vmousecancel 事件並取消 TouchMove 事件。
$.vmouse.clickDistanceThreshold(默認值：10px)- 如果 vclick 事件已被捕獲並且在阻止列表中，則忽略小於此距離的 vclick。
$.vmouse.resetTimerDuration (default: 1500ms) - 比這更多的時間，那麽它不是一個觸摸事件。滾動，TouchMove 和 TouchEnd 事件使用它。阻止列表被清除。

相關用法

注：本文由純淨天空篩選整理自jquerymobile.com大神的英文原創作品 vmousedown。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。