js 右键菜单，支持不同对象不同菜单(兼容IE、Firefox)

更新时间：2010年01月28日 22:21:49 作者：

版本虽然很老也不符合标准了，不过代码是值得参考的，需要右键菜单的朋友可以参考下。

里面的代码修改也比较简单。

<html> <head> <title>ddd</title> <style> .DreamMenu { position:absolute; visibility:hidden; z-index:100; overflow:hidden; width:150px; background-color:buttonface; border:dimgray 1px solid !important; border:buttonhighlight menu menu buttonhighlight 2px outset; padding:1px !important; padding:1px 1px 1px 0px; font-size:12px; } .DreamMenu ul { margin:1px; border-bottom:buttonhighlight 1px solid; border-top:buttonshadow 1px solid; } .DreamMenu a { display:block; width:100%; padding:1px 2px 2px 20px; cursor:default; text-decoration:none; color:#000000; } .DreamMenu a:hover { background:highlight; color:#ffffff; } </style> </head> <body menu='menu'>  <script> /*** DreamCore - JsLib/Menu Date : Dec 03, 2006 Copyright: DreamSoft Co.,Ltd. Mail : Dream@Dreamsoft.Ca Author : Egmax Browser : IE5.0&+,Firefox1.5&+,Netscape7.0&+ Update: ***/ if(!document.all) document.captureEvents(Event.MOUSEDOWN); var _Tmenu = 0; var _Amenu = 0; var _Type = 'A'; document.onclick = _Hidden; function _Hidden() { if(_Tmenu==0) return; document.getElementById(_Tmenu).style.visibility='hidden'; _Tmenu=0; } document.oncontextmenu = function (e) { _Hidden(); var _Obj = document.all ? event.srcElement : e.target; if(_Type.indexOf(_Obj.tagName) == -1) return; _Amenu = _Obj.getAttribute('menu'); if(_Amenu == 'null') return; if(document.all) e = event; _ShowMenu(_Amenu, e); return false; } function _ShowMenu(Eid, event) { var _Menu = document.getElementById(Eid); var _Left = event.clientX + document.body.scrollLeft; var _Top = event.clientY + document.body.scrollTop; _Menu.style.left = _Left.toString() + 'px'; _Menu.style.top = _Top.toString() + 'px'; _Menu.style.visibility = 'visible'; _Tmenu = Eid; } /*** 可以支持其他标签INPUT,IMG ***/ </script> <script>_Type='INPUT,A,DIV,BODY,IMG';</script>  <div id="menu" class='DreamMenu'> <a href='https://www.jb51.net'>脚本之家</a> <a href='http://www.baidu.com'> 百度</a> <a href='http://www.g.cn'>google</a> <a href='http://tools.jb51.net'>站长工具</a> <ul></ul> <a href='4'>打印</a> </div>  <div id="menu2" class='DreamMenu'> <a href='0'>哈哈</a> <a href='1'>我是个链接</a> <a href='2'>好开心啊</a> <a href='3'>查看</a> <ul></ul> <a href='4'>打印</a> </div>  <div id="menu3" class='DreamMenu'> <a href='0'>哈哈</a> <a href='1'>我是图片</a> <a href='2'>虽然打不开</a> <a href='3'>查看</a> <ul></ul> <a href='4'>打印</a> </div> <table><tr><td height=100>  <a href='test.php' menu='menu2'>菜单1</a> <a href='test.php' menu='menu2'>菜单2</a> </td></tr></table> <div style='height:300;' menu='menu'></div> <img src='https://www.jb51.net/images/logo.gif' menu='menu3'>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

JS替换文本域内的回车示例
这篇文章主要介绍了JS如何替换文本域内的回车,需要的朋友可以参考下
2014-02-02
js实现收缩菜单效果实例代码
这篇文章介绍了js实现收缩菜单效果实例代码，有需要的朋友可以参考一下
2013-10-10
使用JavaScript实现Java的List功能(实例讲解)
使用JavaScript实现Java的List功能(实例讲解)。需要的朋友可以过来参考下，希望对大家有所帮助
2013-11-11
解析javascript瀑布流原理实现图片滚动加载
这篇文章主要帮助大家解析javascript瀑布流原理，实现js图片滚动加载
2016-03-03
JavaScript中的简写语法分享
这篇文章主要为大家整理了12个JavaScript中常用的简写语法技巧，文中的示例代码讲解详细，具有一定的参考价值，需要的小伙伴可以收藏一下
2023-04-04
swiper实现导航滚动效果
这篇文章主要为大家详细介绍了swiper实现导航滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-12-12
利用MutationObserver实现计算首屏时间
在前端开发中，优化页面性能是至关重要的，计算首屏时间是衡量网页性能的重要指标，本文将介绍如何使用MutationObserver来获取首屏时间的最佳实践，感兴趣的可以了解下
2023-07-07
JavaScript数据结构中栈的应用之表达式求值问题详解
这篇文章主要介绍了JavaScript数据结构中栈的应用之表达式求值问题,详细分析了中缀表达式、后缀表达式等概念、原理与转换方法,以及基于后缀表达式实现的表达式求值相关操作技巧,需要的朋友可以参考下
2017-04-04
JavaScript类型系统之Object详解
对象其实就是一组数据和功能的集合。对象可以通过执行new操作符后跟要创建的对象类型的名称来创建。而创建Object类型的实例并为其添加属性和（或）方法，就可以创建自定义对象
2016-01-01
javascript setTimeout和setInterval计时的区别详解
window对象有两个主要的定时方法，分别是setTimeout 和 setInteval 他们的语法基本上相同，但是完成的功能取有区别。
2013-06-06