移动端 触摸事件 ontouchstart、ontouchmove、ontouchend、ontouchcancel
2016-04-22 16:35
477 查看
1、Touch事件简介
pc上的web页面鼠 标会产生onmousedown、onmouseup、onmouseout、onmouseover、onmousemove的事件,但是在移动终端如 iphone、ipod Touch、ipad上的web页面触屏时会产生ontouchstart、ontouchmove、ontouchend、ontouchcancel 事件,分别对应了触屏开始、拖拽及完成触屏事件和取消。
当按下手指时,触发ontouchstart;
当移动手指时,触发ontouchmove;
当移走手指时,触发ontouchend。
当一些更高级别的事件发生的时候(如电话接入或者弹出信息)会取消当前的touch操作,即触发ontouchcancel。一般会在ontouchcancel时暂停游戏、存档等操作。
2、Touch事件与Mouse事件的出发关系
在触屏操作后,手指提起的一刹那(即发生ontouchend后),系统会判断接收到事件的element的内容是否被改变,如果内容被改变,接下来的事 件都不会触发,如果没有改变,会按照mousedown,mouseup,click的顺序触发事件。特别需要提到的是,只有再触发一个触屏事件时,才会 触发上一个事件的mouseout事件。
pc上的web页面鼠 标会产生onmousedown、onmouseup、onmouseout、onmouseover、onmousemove的事件,但是在移动终端如 iphone、ipod Touch、ipad上的web页面触屏时会产生ontouchstart、ontouchmove、ontouchend、ontouchcancel 事件,分别对应了触屏开始、拖拽及完成触屏事件和取消。
当按下手指时,触发ontouchstart;
当移动手指时,触发ontouchmove;
当移走手指时,触发ontouchend。
当一些更高级别的事件发生的时候(如电话接入或者弹出信息)会取消当前的touch操作,即触发ontouchcancel。一般会在ontouchcancel时暂停游戏、存档等操作。
2、Touch事件与Mouse事件的出发关系
在触屏操作后,手指提起的一刹那(即发生ontouchend后),系统会判断接收到事件的element的内容是否被改变,如果内容被改变,接下来的事 件都不会触发,如果没有改变,会按照mousedown,mouseup,click的顺序触发事件。特别需要提到的是,只有再触发一个触屏事件时,才会 触发上一个事件的mouseout事件。
相关文章推荐
- Object窥探
- [转] Objective-C中的@property和@synthesize用法
- 微信电脑版2016 v2.0.0.80 官方正式版
- 融云(找到“每个App都有沟通的需求”的细分市场)
- android 安全机制
- Swift 学习博客
- 毕设 微信分享
- ViewPager+Fragment以及Fragment嵌套ViewPager
- android自动刷新应用内存使用状态的方法
- Android SDK Android NDK Android Studio 官方下载地址
- Coco2d-x-2.x和3.x创建工程以及编译安卓注意事项
- Android蓝牙初级一
- cocos环境下AndroidStudio安装以及编译APK文件
- JNI DETECTED ERROR IN APPLICATION解决记录
- iOS 循环线程
- iOS学习:提高iOS开发效率的好习惯你拥有几种!
- Android自定义开关按纽:SwitchButton
- Android视频采集
- Android Audio 代码分析- Audio Strategy
- Android基础之将毫秒换算成(天/时/分/秒/毫秒)