移动端js触摸事件详解

单点触摸事件 

多点触摸事件 

原文标题:Developing for Multi-Touch Web Browsers

var supportTouch = “createTouch” in document //判断是否支持触摸事件

    2.touchmove: // 手指在屏幕上移动的时候触发  
    3.touchend: // 手指从屏幕上拿起的时候触发  
    4touchcancel: // 系统取消touch事件的时候触发。至于系统什么时候会取消,不详 

    2.pageX / pageY:// 触摸点相对于页面的位置  
    3.screenX /screenY:// 触摸点相对于屏幕的位置  
    4.identifier: // touch对象的unique ID 

ongesturestart ongesturechange ongestureend 

1.触摸事件

touchmove:当手指在屏幕上滑动时连续的触发。在这个事件发生期间,调用preventDefault()可阻止滚动。 
touchend:当手指从屏幕上移开时触发。
touchcancel:当系统停止跟踪触摸时触发。关于此事件的确切触发事件,文档中没有明确说明。 

touches:表示当前跟踪的触摸操作的Touch对象的数组。 
targetTouches:特定于事件目标的Touch对象的数组。 
changeTouches:表示自上次触摸以来发生了什么改变的Touch对象的数组。 

touchstart 
mouseover 
mousemove 
mousedown 
mouseup 
click
 touchend 

gesturestart:当一个手指已经按在屏幕上面另一个手指有触摸屏幕时触发。 
gesturechange:当触摸屏幕的任何一个手指的位置发生变化时触发。 
gestureend:当任何一个手指从屏幕上面移开时触发。 

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2018年1月16日
下一篇 2018年1月17日

相关推荐