如何使SVG元素不可见，但仍然对onMouseUp做出反应

<svg id="mySvg" width="200" height="200">
  <rect id="myRect" width="100" height="100" fill="red" onMouseUp="handleMouseUp()"></rect>
</svg>

<script>
  function handleMouseUp() {
    console.log("Mouse up event triggered");
  }
  
  var mySvg = document.getElementById("mySvg");
  var myRect = document.getElementById("myRect");
  
  // 设置SVG元素不可见，但仍然对onMouseUp事件做出反应
  mySvg.style.visibility = "hidden";
</script>