首先先介绍一下几个关于触屏的事件,当你把一根手指头放在屏幕上时,触摸(touch)事件便被触发了。每当一根新的手指放在屏幕上,就会触发一个新的touchstart事件。而当 手指抬起离开屏幕,touchend事件便被触发了。如果在手指接触屏幕后,你又挪动了这根手指,那么触发的是touchmove事件。
有以下touch事件:
- touchstart: 手指放在屏幕上时触发
- touchend: 手指离开屏幕时触发
- touchmove: 手指在屏幕上移动时触发
例:
其实在总体上来看,除了事件替换成专有的几个事件外,其它的在思路上跟我们实现的在页面拖动层大同小异。