W3CHINA.ORG讨论区--SVG怎么设置动态菜单？

贴子主题： SVG怎么设置动态菜单？

本主题类别:

    <g id="Earth7" transform="translate(1845.5,1011) rotate(0)" onclick="attr(evt)" onmouseover="choice(evt)" onmouseout="unchoice(evt)">
      <use transform="translate(0 0)" x="-10" y="-10" width="20" height="20" xlink:href="#ground" class="un" />
    </g>
    <g id="line49" onclick="attr(evt)" onmouseover="choice(evt)" onmouseout="unchoice(evt)">
      <polyline points="1845.5,996.7 1845.5,1007" class="l500" />
    </g>
function setmenu()
{
  if (svgSelector) {
     //setmenu1(svgSelector)
  }
  else {
     //setmenu2(default)
  }
}
function choice(evt)
{
  svgSelector=evt.target;
  setmenu();
}
function unchoice(evt)
{
  svgSelector=null;
  setmenu();
}
以上是一个简单的代码示例，想要实现的效果是：我在不同的对象上出现不同的右键菜单。
由于SVG中没有找到右键弹出事件，所以没办法在菜单弹出前修改菜单。
所以我改成在每次对象获得或失去焦点的时候设置菜单
(效率有点低，因为对象获得一次焦点不一定会使用菜单)。
但是在弹出菜单的时候，本来有焦点的对象就会失去焦点，
导致当前对象svgSelector=null;被清空。
各位大侠有什么好办法？

[此贴子已经被作者于2010-3-8 21:35:56编辑过]


	W 3 C h i n a ( since 2003 ) 旗下站点苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》	46.875ms