A-frame 显示鼠标指针功能

Question

我目前正在使用一个使用 A-frame ( https://aframe.io )的场景，我将鼠标指针隐藏在我的场景中。我怎样才能创建一些东西，当一个函数发出时，我的鼠标指针会显示出来，而当另一个函数发生时，我的鼠标指针会隐藏。

目前的 dfeault 是我的鼠标指针被隐藏了。我想要这样，当一个名为“showPointer”的函数发生时，我的鼠标指针将再次显示，当一个名为 hidePointer 的函数发生时，我的鼠标指针将再次隐藏。我怎样才能做到这一点。我的功能：

<script>
function hidePointer() {
//hide mouse pointer
}

function showPointer() {
//show mouse pointer 
} 
</script>

Answer 1

<script>
function hidePointer() {
  $('a-scene').canvas.style.cursor='none'
}
            
function showPointer() {
  $('a-scene').canvas.style.cursor='pointer'
  // replace "pointer" with other style keyword
} 
</script>

有关光标样式的更多详细信息，请查看此处

请确保画布元素 rm class a-grab-cursor from canvas

用这个删除$('a-frame').classList.remove("a-grab-cursor")

在这里查看详细信息

如果您使用“光标”组件，请禁用启用的鼠标光标样式