在页面加载时使用设备方向

艾布拉莫

我试图通过deviceorientation事件获取alpha,beta和gamma坐标

我的代码:

window.addEventListener('deviceorientation', function(event) {
  alert(event.alpha + ' : ' + event.beta + ' : ' + event.gamma);
});

JS小提琴:https : //jsfiddle.net/myL17nzt/

这对于在设备移动时不断地获取坐标非常有用,但是我只想在页面加载时获取坐标,而不是让它监听运动。我尝试将window.addEventListener更改为window.onload,但这并不能解决问题。

有什么想法我可以做到这一点吗?

谢谢!

和D。

最好让监听器将自身删除。

function deviceOrientation(event) {
  alert(event.alpha + ' : ' + event.beta + ' : ' + event.gamma);
  window.removeEventListener('deviceorientation', deviceOrientation);
}
window.addEventListener('deviceorientation', deviceOrientation);

这样,您就不会因为您不关心的事件而调用它。某些库具有一个称为的函数once该函数在第一次事件发生后删除事件侦听器。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在页面加载时使用设备方向

来自分类Dev

在 iOS 中使用 Autolayout 更改设备旋转时的视图方向

来自分类Dev

使用XMLHTTP方法时,等待页面加载

来自分类Dev

使用<select>更改页面加载时的样式

来自分类Dev

使用javascript放大页面加载时的div

来自分类Dev

重新加载页面时使用PHP会话

来自分类Dev

在页面加载时使用计算的属性

来自分类Dev

使用 .then 函数时页面不加载

来自分类Dev

使用 Flask 时 apache 页面加载缓慢

来自分类Dev

更改方向后使用加载器时,保留EditText更改

来自分类Dev

使用pjax时滚动至页面加载时的div

来自分类Dev

在页面加载时加载Javascript

来自分类Dev

在使用 jspdf 在加载 aspx 页面上下载到 pdf 时,我得到的 pdf 大小根据我打开这个 aspx 的设备的大小而变化

来自分类Dev

xWalkWebView加载页面时?

来自分类Dev

如果检测到移动设备,请在页面加载时切换样式表

来自分类Dev

在 Gatsby / React 中,导航到页面时无法滚动它,直到重新加载(在移动设备上)

来自分类Dev

使用statusBarOrientation的iPad设备方向

来自分类Dev

在启动时加载设备

来自分类Dev

无法在移动设备上加载NGINX页面

来自分类Dev

方向更改时,如何使用其他XML模板重新加载页面?

来自分类Dev

使用Ajax加载页面时找不到Google API

来自分类Dev

使用JavaScript在页面加载时显示弹出窗口

来自分类Dev

使用jQuery更改页面加载时的列值

来自分类Dev

使用casperjs时如何等待页面加载?

来自分类Dev

使用参数重新加载页面时,AngularJS CSS样式丢失

来自分类Dev

使用引导程序滚动页面时如何加载内容?

来自分类Dev

在页面加载时使用Shopify运行Javascript函数

来自分类Dev

使用Angular在页面加载时访问Google Maps API

来自分类Dev

在使用Django处理后端内容时,如何制作加载页面?

Related 相关文章

  1. 1

    在页面加载时使用设备方向

  2. 2

    在 iOS 中使用 Autolayout 更改设备旋转时的视图方向

  3. 3

    使用XMLHTTP方法时,等待页面加载

  4. 4

    使用<select>更改页面加载时的样式

  5. 5

    使用javascript放大页面加载时的div

  6. 6

    重新加载页面时使用PHP会话

  7. 7

    在页面加载时使用计算的属性

  8. 8

    使用 .then 函数时页面不加载

  9. 9

    使用 Flask 时 apache 页面加载缓慢

  10. 10

    更改方向后使用加载器时,保留EditText更改

  11. 11

    使用pjax时滚动至页面加载时的div

  12. 12

    在页面加载时加载Javascript

  13. 13

    在使用 jspdf 在加载 aspx 页面上下载到 pdf 时,我得到的 pdf 大小根据我打开这个 aspx 的设备的大小而变化

  14. 14

    xWalkWebView加载页面时?

  15. 15

    如果检测到移动设备,请在页面加载时切换样式表

  16. 16

    在 Gatsby / React 中,导航到页面时无法滚动它,直到重新加载(在移动设备上)

  17. 17

    使用statusBarOrientation的iPad设备方向

  18. 18

    在启动时加载设备

  19. 19

    无法在移动设备上加载NGINX页面

  20. 20

    方向更改时,如何使用其他XML模板重新加载页面?

  21. 21

    使用Ajax加载页面时找不到Google API

  22. 22

    使用JavaScript在页面加载时显示弹出窗口

  23. 23

    使用jQuery更改页面加载时的列值

  24. 24

    使用casperjs时如何等待页面加载?

  25. 25

    使用参数重新加载页面时,AngularJS CSS样式丢失

  26. 26

    使用引导程序滚动页面时如何加载内容?

  27. 27

    在页面加载时使用Shopify运行Javascript函数

  28. 28

    使用Angular在页面加载时访问Google Maps API

  29. 29

    在使用Django处理后端内容时,如何制作加载页面?

热门标签

归档