javascript - Javascript SVG インタラクションの問題

Question

インタラクティブな SVG マップを開発しようとしていますが、マウスが SVG 画像内の四角形に入ったときに何かをしたいと思っています。現在、マウスが SVG 画像に入ると、コードはコンソールにログを記録しますが、長方形の上にマウスを置いたときは記録しません。どんな助けでも大歓迎です。ありがとう！

<object onload="svgOnLoad()" id="activeSVG" data="SVGNAME.svg" type="image/svg+xml">
</object>

  <script>
            function svgOnLoad() {
              console.log("SVG Loaded");
              $("#activeSVG").mouseenter(function(e) {
                console.log("In the SVG")
              });

              //Executed when the mouse enters an SVG rect element
              $("rect").mouseenter(function(e) {
                console.log("Mouse Entered rectangles!!")
              });
            }
  </script>