jQuery.event.move

http://stephband.info/jquery.event.move/

Move events

movestart
Fired following touchmove or mousemove, when the touch (or mouse) crosses a threshold distance from the position of the mousedown or touchstart.
move
Fired on every animation frame where a touchmove or mousemove has changed position.
moveend
Fired following mouseup or touchend, after the last move event, and in the case of touch events when the finger that started the move has been lifted.

Move event objects are augmented with the properties:

e.pageX,e.pageY
当前页面坐标的指针。

e.startX,e.startY
页面坐标的指针,曾在movestart。

e.distX,e.distY
距离自movestart的指针移动。

e.deltaX,e.deltaY
距离指针自去年移动事件已经转移。

e.velocityX,e.velocityY
速度像素/ MS,平均在过去的几个事件。

时间: 2024-08-03 07:11:03

jQuery.event.move的相关文章

jQuery Event.which 属性详解

jQuery Event.which 属性详解 which属性用于返回触发当前事件时按下的键盘按键或鼠标按钮. 对于键盘和鼠标事件,该属性用于确定你按下的是哪一个键盘按键或鼠标按钮. which属性对DOM原生的event.keyCode和event.charCode进行了标准化. 适用的事件类型主要有键盘事件:keypress.keydown.keyup,以及鼠标事件:mouseup.mousedown. 该属性属于jQuery的Event对象(实例). 语法 jQuery 1.1.3 新增该

javascript事件之:jQuery.event.dispatch详解

jQuery.event.dispatch,字面意思是事件分发.就是执行绑定的函数. 在jQuery.event.add中, //1, jQuery.event.add中 jQuery.event.dispatch.apply( eventHandle.elem, arguments ) //2, jQuery.event.simulate中 jQuery.event.dispatch.call( elem, e ); 我们来看看jQuery.event.dispatch的源码,看看其实现了什么

javascript事件之:jQuery.event.add事件详解

我们已经了解过jQuery.event下的方法,回顾一下 jQuery.event = { global: {}, add: function( elem, types, handler, data, selector ) {}, remove: function( elem, types, handler, selector, mappedTypes ) {}, trigger: function( event, data, elem, onlyHandlers ) {}, dispatch:

jQuery event的复制粘贴的坑

jQuery为了兼容性会把系统暴露出来的event重新整理一遍,但是复制粘贴的event就被丢掉了. 所以要在所有原生浏览器想实现复制粘贴,大家都用flash实现了.其实只要用原生的方法捕获事件就ok.简单来个方法. var EventUtil = { addHandler: function (element, type, handler) { if(!element) return false; if (element.addEventListener) { element.addEvent

jQuery Event add [ 源码分析 ]

/* * Helper functions for managing events -- not part of the public interface. * Props to Dean Edwards' addEvent library for many of the ideas. */ jQuery.event = { add: function( elem, types, handler, data, selector ) { var elemData, eventHandle, eve

jQuery.event详细解析

介绍之前先介绍jQuery的一个方法 jQuery.event.fix(event || window.event); 此方法个浏览器的event对象转换为 jQuery.event; 如果您的事件是通过jQuery方法绑定的,就不需要进行转换了! jQuery在遵循W3C规范的情况下,对事件的常用属性进行了封装,使得事件处理在各大浏览器下都可以正常的运行而不需要进行浏览器类型判断. 1.event.type属性该方法作用是可以获取到时间的类型 $("a").click(functio

jQuery事件之:jQuery.event.trigger

现在我们来看看事件机制中的主动触发,我们要分析的是jQuery.event.trigger. 先来看看它在jQ源码中的调用. // 1, 在jQuery.event.simulate中 jQuery.event.simulate = function(){ ... if ( bubble ) { jQuery.event.trigger( e, null, elem ); } ... } // 2, 事件的实例方法中 jQuery.fn.extend({ trigger: function( t

javascript事件之:jQuery.event.remove事件详解

之前已经介绍过jQuery.event.add,现在我们来看看jQuery.event.remove 先上代码 /* elem: 处理的元素 types: 移除的事件 handler: 移除的方法 selector: 委托的元素 mappedTypes: */ remove: function( elem, types, handler, selector, mappedTypes ) { var j, origCount, tmp, events, t, handleObj, special,

jQuery Event

$(document).ready()/$(): DOM完全就绪时执行注册的函数而不用等到所有的元素完全加载到浏览器后才执行. 1 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitiona