三十三、手机触屏touch、手势、重力监听事件

本文详细介绍了手机触屏事件,包括touchstart、touchmove、touchend和touchcancel,以及它们所包含的触摸列表和触摸点信息。接着讨论了手势事件,如gesturestart、gestureend和gesturechange,用于识别旋转和缩放等操作。此外,还讲解了如何利用第三方库处理重力感应事件,如orientationchange和DeviceMotionEvent,提供了设备方向和加速信息。最后,提到了手机摇一摇的应用案例。
摘要由CSDN通过智能技术生成

一、手机触屏事件

1.常见的触屏事件:

touchstart:触摸开始时候触发

touchmove:手指在屏幕上滑动的时候触发

touchend:触摸结束的时候触发

touchcancel:当一些更高级别的事件发生的时候(如电话接入或者弹出信息)会取消当前的touch操作,即触发ontouchcancel。一般会在ontouchcancel时暂停游戏、存档等操作。

    2.每个触摸事件包含三个触摸列表,每个列表里包含了对应的一系列触摸点

touches:当前位于屏幕上的所有手指的列表;//touches[0]touches[1]....

targetTouches:位于当前DOM元素上手机的列表;

changedTouches:涉及当前事件手指的列表;

 

3.每个触摸点(touch对象)包含的触摸信息:

  clientX/clientY:触摸目标在可视窗口中的X/Y坐标;

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值