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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。