移动端事件

事件

ontouchstart 按下
ontouchmove 移动
ontouchend 抬起
ontouchcancel 取消触摸的时候触发 ，比如来电话信息等，系统终止触摸事件的时候触发每个手机触发的方式不一样

属性

touches 屏幕上所有的手指列表
targetTouches 元素内所有的手指列表
changedTouches 改变了的手指列表

两个设备事件

1.静态手机朝向

判断手机是否支持加速剂和陀螺仪
if (window.DeviceMotionEvent){
redDiv.innerHTML = '支持';
}else{
redDiv.innerHTML = '换个手机';
}
动态的加速度
window.ondevicemotion=function(ev){
var evObj = window.evevt || ev;
-----------------------------------------------------------------------------------
包括了 x,y,z 三个方向的加速度
var X = parseInt(evObj.accelerationIncludingGravity.x);
var Y = parseInt(evObj.accelerationIncludingGravity.y);
var Z = parseInt(evObj.accelerationIncludingGravity.z);
blueDiv.innerHTML = 'X:' + X + '
' + 'Y:' + Y + '
' + 'Z' + Z
------------------------------------------------------------------------------------
陀螺仪
window.ondeviceorientation=function(ev){
var evObj = window.evevt || ev;
包括与三个坐标轴的夹角
var alpha = parseInt(evObj.alpha);
var beta = parseInt(evObj.beta);
var gamma = parseInt(evObj.gamma);
blueDiv.innerHTML ='alpha:' + alpha + '
' + 'beta:' + beta + '
' + 'gamma' + gamma
}