分类

商品

商品

店铺

资讯

热门搜索 : WordPress 织梦企业官网小说源码 Discuz

服务器低至9.9￥/月

当前位置：首页 > 资讯 > 网页前端 > JS

JS 实现摇一摇功可以

时间：2018-06-06 01:53 作者：小码农大世界来源：小码农大世界阅读：874
扫一扫，手机访问

摘要：废话不多说，先上代码（吐槽下头条文章编辑对代码引使用这块做的不行）首先判断浏览器能否支持window.DeviceMotionEvent，DeviceMotionEvent为web开发者提供了关于设施的位置和方向改变的速度的信息。假如支持则监听devicemotion事件。假如设施在X,Y,Z轴方向

JS 实现摇一摇功可以

废话不多说，先上代码（吐槽下头条文章编辑对代码引使用这块做的不行）

JS 实现摇一摇功可以

首先判断浏览器能否支持window.DeviceMotionEvent，

DeviceMotionEvent为web开发者提供了关于设施的位置和方向改变的速度的信息。

假如支持则监听devicemotion事件。假如设施在X,Y,Z轴方向上有位移，那么回调函数中的参数event对象中就会反应出来。

JS 实现摇一摇功可以

这里我们使用到event对象中的accelerationIncludingGravity属性，它提供了设施在X,Y,Z轴方向上带重力的加速度的对象。

通过判断前后两次重力加速度差来判断手机能否被摇了。

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

只需x,y,z轴任意方向满足条件就判定被摇

全部评论(0)

上一篇：JS编程小练习
下一篇：js如何断点调试

最新发布的资讯信息
【系统环境|】2025含金量排名前十计算机专业证书(2025-10-15 20:51)
【系统环境|】你有白帽众测我有黑帽雇佣(2025-10-15 20:50)
【系统环境|】印度理工学院成功开发出针对5G网络攻击的最新软件解决方案(2025-10-15 20:49)
【系统环境|】道德黑客与黑客教程(2025-10-15 20:49)
【系统环境|】苹果翻车！macOS 15 竟藏“后门”，黑客能直接偷你所有密码(2025-10-15 20:47)
【系统环境|】解密“被墙”玄学：为什么我的网络方案能做到长期稳定？(2025-10-15 20:46)
【系统环境|】NAS软路由/防火墙/网络安全需要注意哪些？如何保护你的网络设备(2025-10-15 20:45)
【系统环境|】你真的理解防火墙吗?(2025-10-15 20:44)
【系统环境|】苹果手机一键换机教程详解(2025-10-15 20:44)
【系统环境|】二手iPhone到手后怎么快速验机？(2025-10-15 20:43)

微分网络

店铺

血鸟云

推荐商品

手机访问领取大礼包