点击事件不适用于当前版本的 aframe [1.0.3]答案

【问题标题】：click events not working with current version of aframe [1.0.3]点击事件不适用于当前版本的 aframe [1.0.3]
【发布时间】：2020-02-24 23:42:36
【问题描述】：

我正在使用 A-Frame 和 ar.js 探索增强现实，因为我目前正在处理 3d 模型或原语的交互部分。我的要求是每次点击对象或原语时都必须增加其大小.但是点击事件不适用于当前版本的A-frame。

点击事件的代码链接click。

A-Frame最新版cdnlink.

我的代码glitch

【问题讨论】：

标签： javascript aframe ar.js

【解决方案1】：

您需要包含光标组件并指定哪些对象将响应光线投射（在本例中为#button）并将其设置在打开的场景标签中：即。

<a-scene  cursor="rayOrigin: mouse" raycaster="objects: #button">

并在脚本中设置“对象”id（在我们的例子中为“#button”）。

<script>
        var toggleEl = document.querySelector('#button')
        toggleEl.addEventListener('click', function (evt) {
            toggleEl.emit("clicked"); 
        });
    </script>

最后触发实际实体动画中的事件以响应我们案例中发出的字符串“点击” startEvents: clicked（以前是 begin = "clicked"）

在这种情况下，您的原语或对象的 id 将设置为 id = "button"

【讨论】：

我试过了，但它不起作用。当我将版本号收费到（0.9.2）时，点击事件工作正常。