A-Frameでクリックイベントを作るも動かない

Question

閲覧ありがとうございます。
現在A-Frameを使ってマーカーレスのWebARアプリを作っています。
<a-obj-model>要素に対し、JSでクリックイベントを追加したのですが動きません。

<a-obj-model
　id="enemy1"
　src="#obj"
　mtl="#mtl"
　scale="0.01 0.01 0.01"
　position="0 -1 -5"
　rotation="280 0 0"
　event-set__enter="_event: mouseenter; scale: 3 1 1">
 <a-animation
　　attribute="position" direction="nomal" dur="10000" from="-1 -30 1" to="0 -1 -5"　　　repeat="indefinite"></a-animation>
  </a-obj-model>
</a-marker>

<a-entity camera></a-entity></a-scene>

<script>
let enemy = document.querySelector("enemy1");
　enemy.addEventListener("click",function(){
  console.log("click");    })
 </script>

A-Frameでクリックイベントを書く際は形式が異なるのでしょうか？

Answer 1

idで指定するなら#が必要です

let enemy = document.querySelector("#enemy1");