javascript - A-frame 显示鼠标指针和函数

Question

我目前正在使用一个使用 A 帧 ( 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>

有关光标样式的更多详细信息，请查看 here
请确保 canvas element rm class a-grab-cursor from canvas
用这个 $('a-frame').classList.remove("a-grab-cursor") 删除
查看详情 here
如果您使用“光标”组件，请禁用 mouse cursor styles enabled