学习目标:
触屏事件概述:
移动端浏览器兼容性较好,我们不需要考虑以前JS的兼容性问题,可以放心的使用原生JS的书写效果,但是移动端也有自己独特的地方,比如触屏事件touch(也称触摸事件),Android...这三个中的重点是: targetTouches
我们用targetTouches包含着一个数组,里面包含的是每根手指的各种属性和信息,targetTouches[0]可以看到第一个手指的一些属性:
网页拖动元素我们已经学会了...接下来做移动端的轮播图案例:
先搭建结构,虽然用的是以前的携程的案例,但我还是单独在页面中写吧,不然很麻烦....但是和PC端有点不同,我们不仅要把第一张图片在最后克隆一张,原本的最后那张也要放最前面才行....下面要做小圆点跟随图片变化的效果,也引出了新的知识点:
classList属性
classList属性是HTML5新增的一个属性,返回元素的类名.但是ie10以上的版本才支持(但是移动端不用担心