1.触屏事件
touchstart 手指碰到Dom元素时触发
touchmove 手指在一个dom上滑动触发
touchend手指放开之后触发
2.触摸事件对象touchEvent
touches 正在触摸屏幕的所有手指的一个集合 (摸屏幕)
targetTouches正在触摸当前的Dom元素上的手指的一个列表(摸列表)
targetTouches【0】获取第一个手指触摸的信息
changedTouches 手指列表发生的变化,从有到无,从无到有
因为手指移动也会触发滚动屏幕所以这里要阻止默认的屏幕滚动
e.preventDefault();
3.classList 返回元素类名
element.classlist
1.添加类名 在后面追加类名不会覆盖
element.classList.add('类名')
2.移除类名
element.classList.remove('类名')
3. toggle切换类 会自动检查有这个bg的话,就移除 ,没有的话就添加
document.body.classList.toggle('类名');
4.禁止用户缩放
user-scalable = no (在头部meta写)