[Three.js] [trackBollControlls] canvas内でクリックイベント（raycaster）が発火しない

Question

canvas内に、gltfローダーを使って、3Dモデルを表示しています。
trackbollコントロールを使ってマウスでグリグリとモデルを動かせるようにしています。

3Dモデルをクリックしたら光線を発射してwindow.location.hrefで別のページに遷移するというものを作っているのですが、なぜかcanvas内だとクリックmousedownイベントが発火しません。

canvasの上に新たな要素をいっぱいにして覆ったら普通にクリックmousedownイベントが発火してページ遷移できることも確認しましたが、当たり前ですがこれだとグリグリできなくなってしまいます。

そもそも、trackbollコントロールを使っているcanvasないで、グリグリする行為は何なんでしょうか。
gragイベントも反応しませんでした。

どうやったら、trackbollコントロールを使っているcanvas内でクリックmousedownイベントを発火できるか
知っている方がいましたら、ご教授いただけると嬉しいです。

よろしくお願い致します。

Answer 1

three-trackBollControlls/index.jsを見たところ、eventのほとんどにこれが書いてあり、上の行を消したらクリックイベントが発火するようになりましたが、逆にドラッグ(?)しようとした時にmoousedownが優先されてしまいます。

mousedownイベントはやめて、
mouseupイベントに書き換えましたが反応しませんでした。

drag(?)のような挙動のfunction内の、preventDefeault();を消せば、mouseupに反応できるようになるのでしょうか、、そもそもdragという名前ではなさそうで、どこをどう直せば良いかわかりませんでした。

mouseupが効かないのは、mousedownした際にdragのようなmousewheelのような挙動が先に発動してしまうためかと思われます。クリックだけでもカメラのpositionが変わってるみたいなので...