移动端的触摸事件

在pc端是鼠标事件：

onclick 点击元素时触发

onmousedown 鼠标按下触发
onmouseup 鼠标抬起时触发

onmouseenter 鼠标移入元素时触发（进入的瞬间触发）
onmouseleave 鼠标移出元素时触发（移出的瞬间触发）

onmouseover 鼠标在元素上触发（可以理解为上方悬浮）
onmouseout 鼠标从元素离开触发（鼠标不在元素身上就触发）

移动端的触摸事件：

touchstart 触摸事件开始（手指触摸屏幕时触发）一次性
touchend 触摸事件结束（手指离开屏幕时触发）一次性
touchmove 触摸并移动（手指在屏幕移动时触发）持续性直到touchend
touchcancel 触摸中断事件 （意外中断事件）

语法：
元素.addEventListener( ‘touchstart’ ,function(){“代码语句”})

touchEvent的事件对象：

touchEvent事件对象描述了当前事件中的一系列信息。
touches 获取当前屏幕上的所有手指对象，是一个对象数组
targetTouches 当前元素上的所有手指对象 【与touches一样，建议用这个】
changedTouches 当前屏幕上变换的手指对象–从无到有，从有到无。每次只记录一个手指

clientX 触摸手指在视口(移动端屏幕)中的x坐标。
clientY 触摸手指在视口(移动端屏幕)中的y坐标。

pageX 触摸手指在页面内容（包含滚动条滚动出去的内容）中的x坐标。
pageY 触摸手指在页面内容（包含滚动条滚动出去的内容）中的y坐标

【在实际开发中，移动端准确的是不会出现横向滚动条，此时的clienX/Y和pageX/Y是一样的，用哪个都行，但是一般用clientX/Y。】

screenX 触摸手指相对于屏幕左上角的x坐标
screenY 触摸手指相对于屏幕左上角的y坐标

target：当前触发touch事件的元素是谁
identifier 当前触摸手指的id