单击svg元素时添加下拉菜单

<svg width="200" height="200">
  <rect x="50" y="50" width="100" height="100" fill="blue"></rect>
</svg>

<script>
  const svgElement = document.querySelector('svg');
  
  svgElement.addEventListener('click', function() {
    const menuContainer = document.createElement('div');
    menuContainer.style.position = 'absolute';
    menuContainer.style.top = event.clientY + 'px';
    menuContainer.style.left = event.clientX + 'px';
    
    const menuItem = document.createElement('a');
    menuItem.textContent = 'Menu Item';
    menuItem.href = '#';
    
    menuItem.addEventListener('click', function() {
      // 执行菜单项的操作
      console.log('Menu item clicked');
    });
    
    menuContainer.appendChild(menuItem);
    svgElement.appendChild(menuContainer);
  });
</script>