博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端touch触摸事件(滑动效果和手势操作)
阅读量:4878 次
发布时间:2019-06-11

本文共 833 字,大约阅读时间需要 2 分钟。

一、定义

①touch是移动端的触摸事件,而且是一组事件,主要有以下事件:

  • touchstart 事件:当手指触摸屏幕的时候触发
  • touchmove 事件:当手指在屏幕来回滑动的时候触发
  • touchend 事件:当手指离开屏幕的时候触发
  • touchcancel事件:当被终止滑动的时候触发(来电、弹消息)

②利用touch相关事件可以实现移动端常见的滑动效果和移动端常见的手势事件,比较常用的事件主要是touchstart、touchmove、touchend,并且一般是使用addEventListener绑定事件

dom.addEventListener('touchstart',function(){            });            dom.addEventListener('touchmove',function(){                            });            dom.addEventListener('touchend',function(){                            });

二、使用

    
touch事件

三、事件对象event

四、分析移动端滑动实现的原理

①让触摸的元素随着手指的滑动做位置的改变

②位置的改变,需要当前的坐标,当前手指的坐标和移动后的坐标都可以在事件对象中拿到

 

    
touch事件

五、移动端的手势事件(实现左滑手势和右滑手势的原理)

    
手势事件的实现

 

转载于:https://www.cnblogs.com/EricZLin/p/9327005.html

你可能感兴趣的文章
grep不区分大小写查找字符串方法
查看>>
全双工和半双工
查看>>
2.1什么是软件需求,什么是功能需求
查看>>
linux系统灵活运用灯[android课程3]
查看>>
Android 通用Dialog中设置RecyclerView
查看>>
利用 Android Studio 和 Gradle 打包多版本APK
查看>>
Android 自定义标题栏
查看>>
Android 如何把一个 RelativeLayout或ImageView背景设为透明
查看>>
HTTP协议详解(真的很经典)
查看>>
hdu2089 不要62 (数位dp)
查看>>
tomcat优化方向
查看>>
fmt.Sprintf strconv.Itoa 效率实验
查看>>
http
查看>>
iOS开发-正则表达式的使用方法
查看>>
C++之运算符重载(1)
查看>>
8-1-组队赛
查看>>
codility: CountTriangles
查看>>
赛斯说
查看>>
python 中的pipe
查看>>
(SQL Analyzer services)定义链接维度
查看>>