美文网首页JS
移动端事件

移动端事件

作者: 小飞侠zzr | 来源:发表于2017-10-18 21:05 被阅读0次

移动端事件

事件

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
}

相关文章

  • 移动端事件

    移动端事件 触屏事件 移动端事件要比PC端要简单的多,移动端主要就有ontouchstart ontouchend...

  • 移动端js事件以及相关库

    移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件...

  • 移动端js事件09-21

    移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件...

  • 前端知识移动端js事件 zeptojs swiper boots

    移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件...

  • 移动端库和框架1

    移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件...

  • 移动端JS事件,zeptojs,swiper,bootstrap

    移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件...

  • bootstrap

    移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件...

  • 移动端js事件以及相关库

    移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件...

  • 移动端库(zepto、swiper)和框架(bootstrap)

    移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件...

  • 2018-01-23

    移动端事件 一、事件定义及分类 1. click事件 单击事件,类似于PC端的click,但在移动端中,连续cli...

网友评论

    本文标题:移动端事件

    本文链接:https://www.haomeiwen.com/subject/ufzeuxtx.html