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

处理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)   
                //上下滑动   
         
 
 
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值