Javascript之移动端特效

**

移动端特效

**

1.1 touch触摸事件

touchshart	//手指点到触发
touchmove	//手指移动触发
touchend	//手指离开触发

1.2触摸事件对象

touches				//正在触摸屏幕的所有手指的一个列表
targetTouches		//正在触摸当前DOM的手指列表
changedTouches		//手指状态发生改变的列表
当手指离开屏幕的时候，就没有了touches、targetTouches，但是会有changeTouches

下面代码段中的函数比较了 touches 列表和 targetTouches 列表的长度，返回值表示他们是否相等。

function touches(e) {
  return (e.touches.length == e.targetTouches.length ? true : false);
}

2.1 classList 属性

classList							//返回元素的类名
element.classList.add() 			//给元素添加类名
element.classList.remove () 		//给元素删除类名
element.classList.toggle() 			//给元素切换类名