触屏事件 touch

触屏包括的事件：

• touchstart当手指触摸屏幕时触发
• touchmove当手指在屏幕上滑动时连续触发
• touchend当手指从屏幕上移开时触发
• touchcancel当系统停止跟踪触摸时触发

每个touch事件都包括 touches targetTouches chnageTouches

touch的属性：

• clientX 触摸目标在视口中的x坐标1
• clientY 触摸目标在视口中的y坐标
• pageX触摸目标在页面中的x坐标
• pageY触摸目标在页面中的y坐标
• screenX触摸目标在屏幕中的x坐标
• screenY触摸目标在屏幕中的y坐标
• identifer标识触摸的唯一-ID-
• target  触摸的DOM节点 

例如：

window.ontouchmove=function(e){

            var touch=e.touches[0]; //先获取touches属性 对其获取clientx  和clientY

d2.style.webkitMaskPosition=`${touch.clientX-100}px ${touch.clientY-100}px`;

}