aframe - 如何检测场景何时加载到 A-Frame 中？

Question

A-Frame 完全加载时是否会触发某些事件？现在我已经设法得到我的 document.querySelector(".a-enter-vr-button")工作，但只有将其放入 setTimeout函数，这似乎是一个临时解决方案。因此，如果有人有任何方法在 A-Frame 完全加载后触发 js 脚本，请告诉我!

Answer 1

您可以使用 loaded事件:
document.querySelector('a-scene').addEventListener('loaded', function () {...})
但我们建议使用组件，这样您就不必处理等待事件以进行设置:

https://aframe.io/docs/0.4.0/guides/using-javascript-and-dom-apis.html#where-to-place-javascript-code-for-a-frame

AFRAME.registerComponent('log', {
  schema: {type: 'string'},
  init: function () {
    var stringToLog = this.data;
    console.log(stringToLog);
  }
});

然后使用 HTML 中的组件:

<a-scene log="Hello, Scene!">
  <a-box log="Hello, Box!"></a-box>
</a-scene>