实现一下webapp的手机摇一摇功能
浏览:1568次 出处信息
最近开发一个小东西需要摇一摇,本来以为需要用到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技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:细说促销(三):促销的实施
后一篇:每个程序员都应该了解的知识有哪些? >>
文章信息
- 作者:stevezheng 来源: SteveZheng
- 标签: 摇一摇
- 发布时间:2013-09-23 13:48:42
近3天十大热文
-
[930] WordPress插件开发 -- 在插件使用 -
[130] 解决 nginx 反向代理网页首尾出现神秘字 -
[51] 如何保证一个程序在单台服务器上只有唯一实例( -
[51] 海量小文件存储 -
[50] 整理了一份招PHP高级工程师的面试题 -
[49] CloudSMS:免费匿名的云短信 -
[48] 全站换域名时利用nginx和javascri -
[48] 用 Jquery 模拟 select -
[47] Innodb分表太多或者表分区太多,会导致内 -
[46] ps 命令常见用法