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