提示:本站收集StackOverFlow近2千万问答，支持中英文搜索，鼠标放在语句上弹窗显示对应的参考中文或英文， 本站还提供 中文繁体 英文版本 中英对照 版本，有任何建议请联系yoyou2525@163.com。
我正在使用AR.js和Aframe，因此当我单击模型时，它将加载URL。
当我使用基本的盒子形状时，下面的方法工作正常，但是当我添加3D模型时，模型需要花费几秒钟的时间来加载，然后在加载后执行document.location.href函数，但是我只想在模型为点击？
<html>
<head>
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.6.0/aframe/build/aframe-ar.js"></script>
<script>
AFRAME.registerComponent('mas', {
init: function () {
var data = this.data;
var el = this.el; // <a-box>
el.addEventListener('click', function () {
console.log('click');
masClick();
});
function masClick() {
document.location.href = "http://www.google.com";
};
}
});
</script>
</head>
<body style='margin : 0px; overflow: hidden;'>
<a-scene embedded arjs='sourceType: webcam;' cursor="rayOrigin: mouse">
<a-entity rotation="0 90 0" dur="7000" mas>
<a-gltf-model src="scene.gltf" scale="0.05 0.05 0.05" position='0 0.5 0' >
<a-animation
dur="8000"
attribute="rotation"
to="0 360 0"
repeat="indefinite">
</a-animation>
</a->
</a-entity>
<a-marker-camera preset='hiro'></a-marker-camera>
</a-scene>
</body>
</html>
将cursor组件放在<a-marker>实体中时， cursor起作用：
<a-marker preset='hiro' cursor="rayOrigin: mouse">
.....
</a-marker>
在这里 codepen。
声明：本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.