HTML中实现右键菜单功能

2009-12-16 02:35| 发布者: admin| 查看: 43| 评论: 0|原作者: 韩菱纱

　　我们使用的应用系统很多都有右键菜单功能。但是在网页上面，点击右键一般显示的却是IE默认的右键菜单，那么我们如何实现自己的右键菜单呢？下面将讲解右键菜单功能的实现原理和实现代码。
　　实现原理
　　在HTML语言中，基本上每个对象都有一个oncontextmenu事件，这个事件就是鼠标的右键单击事件（onclick事件是鼠标的左键单击事件），那么我们就可以在鼠标右击的时候，让系统弹出一个窗口（这个是popup窗口，显示在IE的最前面，没有菜单），上面显示我们想要显示的菜单信息，当我们单击其中某一项的时候，就执行我们设定的动作，然后将弹出窗口关闭。
　　实现代码
　　下面我写了一个示例代码，模拟一个树型菜单，当我们右键点击树型菜单某一项的时候，就会弹出右键菜单，里面有“新增”、“修改”、“删除”三个菜单项，单击某项会执行相应的操作。如果是在页面的其它地方点击右键的话，就只显示“新增”一个菜单项。下面的代码内容：
contextmenuDemo.html文件
―――――――――――――――――――――――――――――――――
<%--
/**
*实现右键菜单功能
*/
--%>

　　
　　　　
　　
　　
　　
　　

收藏分享邀请

		自动登录	找回密码
密码			注册

HTML中实现右键菜单功能

最新评论

相关分类