技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 其他 --> 实现一下webapp的手机摇一摇功能

实现一下webapp的手机摇一摇功能

浏览:1208次  出处信息

   最近开发一个小东西需要摇一摇,本来以为需要用到Hybrid才可以实现,查了下资料才发现原来利用DeviceMotion可以实现这个需求。先上DeviceMotion的简介https://developer.mozilla.org/en-US/docs/Web/Reference/Events/devicemotion

   通过DeviceMotionEvent,我们可以获得accelerationIncludingGravity的x, y, z属性。从而通过x, y, z的变化来判断设备是否有摇一摇的事件发生。

function handleMotionEvent(event) {

    var x = event.accelerationIncludingGravity.x;
    var y = event.accelerationIncludingGravity.y;
    var z = event.accelerationIncludingGravity.z;

    // Do something awesome.
}

window.addEventListener("devicemotion", handleMotionEvent, true);
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1