aframe - A-Frame mouseleave でカーソルの色が変わらない

Question

ユーザーが collada モデルの正しい領域をクリックして質問に答えなければならないアプリがあります - 2 つのオプションがあり、ユーザーはカーソルが青に変わると領域が選択可能であることを認識します (マウスが円柱に入り、visible= が表示されます)。間違い）。

マウスは正常に青色に変わりますが、マウスが円柱を離れると、カーソルの色は黒に戻りますが、代わりに青色のままです。

よろしくお願いします。

<a-cursor id="myCursor" color="black"></a-cursor>

<a-entity id='questionA' geometry="primitive: cylinder; height: .01; radius: 2.5" material="color:green; opacity: 1" correctAnswer > </a-entity> 

var cursorVar = document.getElementById('myCursor');
var questionVar = document.getElementById('questionA');

questionVar.addEventListener('mouseenter', function() {
                cursorVar.setAttribute('color', 'blue');
            });
questionVar.addEventListener('mouseleave', function() {
                cursorVar.setAttribute('color', 'black');
            });