重力感应事件

// 运用HTML5的deviceMotion,调用重力感应事件

if(window.DeviceMotionEvent){

document.addEventListener('devicemotion', deviceMotionHandler,false)

}

var  speed =30;

var  x = y = z = lastX = lastY = lastZ =0;

function deviceMotionHandler(eventData){

var  acceleration = event.accelerationIncludingGravity;

x = acceleration.x;

y = acceleration.y;

z = acceleration.z;

if(Math.abs(x-lastX)>speed ||Math.abs(y-lastY)>speed ||Math.abs(z-lastZ)>speed ){

//这里是摇动后要执行的方法yaoAfter();

}

lastX = x;

lastY = y;

lastZ = z;

}functionyaoAfter(){

//do something

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 常见试题 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-h...
    他大舅啊阅读 2,529评论 1 5
  • Meta 基础知识: H5 页面窗口自动调整到设备宽度,并禁止用户缩放页面。 空白页基本 meta 标签 其他 m...
    Dimen_阅读 1,035评论 2 4
  • 最近有朋友问我有没有用过GRPC ,我一直以为RESTful的流行让 RPC(Remote Procedure C...
    dimsky阅读 10,801评论 8 12
  • 每天每天都很想你,每天都要抑制住好多次想找你的念头,都说念念不忘,必有回响,像是有魔力一般,那天特别想见到你,果...
    凉la阅读 491评论 0 3
  • 本文对象 Eclipse、MyEclipse、NetBeans、Vim、Sublime Text 重度患者 本文目...
    UPUPMO阅读 5,137评论 16 48