javascript - WebGL 中的结束 <li> 标签

Question

我正在使用 Three.js。 在我的模型中，可以通过单击对象来创建按钮列表。 当我执行 li 元素时，它会触发该函数，但在我再次单击模型后才会显示结果。

如何在不点击、移动...的情况下将焦点返回到 WebGl 模型

<li class = 'test'>
    <button onclick='html3D();'>"+links[id].name+"</button>    
</li>
<li>
    <button  onclick='setShowRoom();'>Zum Wohnzimmer</button>
</li>
<li>
    <a href='"+links[id].target+"' target='blank' id ='zum_warenkorb'>Zum Warenkorb</a>
</li>

编辑:我发现，我只能在“打开”和“关闭”之间切换列表。

所以 li 元素消失了，但是焦点回到我的模型的问题仍然存在。

Edit2:所以我认为这是一个 Three.js 问题。如果我为相机设置新值，通过单击按钮，将设置坐标，但相机不会移动。但当我点击 Canvas 时它会移动。这里有什么建议吗？

Answer 1

你已经try the HTML DOM element focus() method了吗？ ？

document.getElementById("canvas").focus();