学习目标:
触屏事件概述:
移动端浏览器兼容性较好,我们不需要考虑以前JS的兼容性问题,可以放心的使用原生JS的书写效果,但是移动端也有自己独特的地方,比如触屏事件touch(也称触摸事件),Android...touch对象代表一个触摸点,触摸点可能是一根手指,也可能是一根触摸笔.触屏事件可相应用户手指(或触控笔),对屏幕或者触控板操作
常见的触屏事件如下:
试着写一下,切换成模拟手机调试
再来试试触摸滑动事件...再来试试最后一个:
表演一个摸完就走:
只要我的手指离开,就是touchend
触摸事件对象(TouchEvent)
TouchEvent是一类描述手指在触摸平面(触摸屏,触摸板...)的状态变化的事件.这类事件用于描述一个或多个触点,使开发者可以检测触点的移动,触点的增加和减少,比如多少个手指在点击....我们先来看看触摸事件的对象吧:
可以看到有很多很多的属性:
但是我们现阶段只要了解三个就好了:
我来测试一下第一个:
很可惜我们谷歌浏览器只能模拟一只手指头触摸,length就代表有几根手指在屏幕上触摸