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问题。如果我为摄像机设置了新值，通过单击按钮，将设置协调但摄像机不会移动。但是当我点击画布时，它会移动。这里有什么建议吗？

Answer 1

你有没有读过try the HTML DOM element focus() method？

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

关闭WebGL中的<li>标记

1 个答案: