JQuery Mobile vmousemove用法及代碼示例

vmousemove event

添加的版本：1.0

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

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

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

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

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

$( function () {
  $( document ).on ( "vmousemove", "#target", function(event) {
  var msg = "Handler for .vmousemove() called at ";
  msg += event.pageX + ", " + event.pageY;
  $( "#log" ).append( " <div>" + msg + "</div>" );
});

效果演示

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

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

相關用法

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