关闭

js 手机端触发事事件、javascript手机端/移动端触发事件

标签: javascript手机
2427人阅读 评论(0) 收藏 举报
分类:

处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件:

1
2
3
4
touchstart:  // 手指放到屏幕上的时候触发 
touchmove:  // 手指在屏幕上移动的时候触发 
touchend:  // 手指从屏幕上拿起的时候触发 
touchcancel:  // 系统取消touch事件的时候触发。至于系统什么时候会取消,不详
1
2
3
4
client clientY:// 触摸点相对于浏览器窗口viewport的位置 
pageX pageY:// 触摸点相对于页面的位置 
screenX /screenY:// 触摸点相对于屏幕的位置 
identifier: // touch对象的unique ID



http://blog.sina.com.cn/s/blog_65c2ec5e0101fexw.html

处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件:
    1.touchstart:  // 手指放到屏幕上的时候触发 
    2.touchmove:  // 手指在屏幕上移动的时候触发 
    3.touchend:  // 手指从屏幕上拿起的时候触发 
    4touchcancel:  // 系统取消touch事件的时候触发。至于系统什么时候会取消,不详
属性
    1.client clientY:// 触摸点相对于浏览器窗口viewport的位置 
    2.pageX pageY:// 触摸点相对于页面的位置 
    3.screenX /screenY:// 触摸点相对于屏幕的位置 
    4.identifier: // touch对象的unique ID 
//touchstart事件  
function touchSatrtFunc(e)  
    //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等  
    var touch e.touches[0]; //获取第一个触点  
    var Number(touch.pageX); //页面触点X坐标  
    var Number(touch.pageY); //页面触点Y坐标  
    //记录触点初始位置  
    startX x;  
    startY y;  
 
//touchmove事件 
function touchMoveFunc(e)  
    //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等  
    var touch evt.touches[0]; //获取第一个触点  
    var Number(touch.pageX); //页面触点X坐标  
    var Number(touch.pageY); //页面触点Y坐标  
    var text 'TouchMove事件触发:(' ', ')';  
    //判断滑动方向  
    if (x startX != 0)  
        //左右滑动  
     
    if (y startY != 0)  
        //上下滑动  
     
 
 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场