鼠标右键菜单的有关问题
日期：2014-05-16 浏览次数：20484 次
鼠标右键菜单的问题
想设计一个自定义菜单，找了一下资料都是在整个页面范围内都可以弹出自定义菜单。
我想要的是在特定的图标上点击右键然后才弹出自定义菜单，比如说在一个树型结构的节点上点击右键然后弹出添加、删除的选项，从而进一步执行相关操作。
哪位做过类似的东西请指点一下。谢过！
------解决方案--------------------
只要把弹出菜单的函数由该对象的onmouseup触发，而不是document body触发；并判断event.button就可以了。
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 右键事件 </title>
<script type= "text/javascript ">
document.oncontextmenu = function () {
//IE && FF
var e = window.event || arguments[0], o = e.srcElement || e.target;
if (!(o.tagName == "IMG ")) return true;
alert(o.getAttribute( "alt ") + "的右键触发的说 ");
return false;
};
</script>
</head>
<body>
<img width= "120 " height= "100 " src= "http://www.zhb.org.cn/Banner/2006102464453861.jpg " alt= "图片1 " />
<img width= "120 " height= "100 " src= "http://www.zhb.org.cn/Banner/2006102464512093.jpg " alt= "图片2 " />
</body>
</html>
想设计一个自定义菜单，找了一下资料都是在整个页面范围内都可以弹出自定义菜单。
我想要的是在特定的图标上点击右键然后才弹出自定义菜单，比如说在一个树型结构的节点上点击右键然后弹出添加、删除的选项，从而进一步执行相关操作。
哪位做过类似的东西请指点一下。谢过！
------解决方案--------------------
只要把弹出菜单的函数由该对象的onmouseup触发，而不是document body触发；并判断event.button就可以了。
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 右键事件 </title>
<script type= "text/javascript ">
document.oncontextmenu = function () {
//IE && FF
var e = window.event || arguments[0], o = e.srcElement || e.target;
if (!(o.tagName == "IMG ")) return true;
alert(o.getAttribute( "alt ") + "的右键触发的说 ");
return false;
};
</script>
</head>
<body>
<img width= "120 " height= "100 " src= "http://www.zhb.org.cn/Banner/2006102464453861.jpg " alt= "图片1 " />
<img width= "120 " height= "100 " src= "http://www.zhb.org.cn/Banner/2006102464512093.jpg " alt= "图片2 " />
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
