<script>
//当用户使用鼠标右键单击客户区打开上下文菜单时触发函数
document.oncontextmenu=function (){
//定位 id 为 contextmenu 的层的 X 坐标到鼠标单击时的 X 坐标偏右10象素
contextmenu.style.posLeft= document.body.scrollLeft+event.x+10
//定位 id 为 contextmenu 的层的 Y 坐标到鼠标单击时的 Y 坐标偏下10象素
contextmenu.style.posTop= document.body.scrollTop+event.y+10
//以行内元素方式显示 contextmenu 层
contextmenu.style.display="inline"
return false //返回 false，以屏蔽真正的右键菜单的显示
}
document.onclick=function(){//当用户用鼠标左键单击客户区时触发函数
//如果 contextmenu 层非当前焦点对象
if(document.activeElement!=contextmenu)
contextmenu.style.display="none" //隐藏 contextmenu 层
}
</script>
</HEAD>
<BODY>
<span id="contextmenu" style="border:2px solid #cccccc;background:#89ab83;;width:96px;padding:3px;display:none;position:absolute;color:#ffffff;">
<div onclick="javascript:alert('haha')" onmouseover="javascript:this.style.backgroundColor='#3B549A'"
onmouseout="javascript:this.style.backgroundColor='#89ab83'"
style="border-bottom:2px solid #8fac8a;"> item1</div>
<div onclick="javascript:alert('haha')">item2</div>
<div>item3</div>
<div>item4</div>
<div>item5</div>
<div>item6</div>
</span>
分享到：
相关推荐
HTML右键菜单的实现通常涉及创建一个隐藏的`<ul>`元素，包含多个`<li>`子元素，代表菜单项。当右键点击发生时，我们定位这个菜单到鼠标点击的位置，并显示它。例如： ```html ;"> 菜单项1 菜单项2 菜单项3 ``` ...
综上所述，"Web右键菜单 很不错的右键菜单"可能是一个致力于提升用户体验的Web开发实践，通过JavaScript、CSS和HTML技术实现自定义功能，同时兼顾了易用性、扩展性和性能优化。通过深入理解和应用这些技术，开发者...
本文将深入探讨如何实现这一功能，并且关注于在SVG（可缩放矢量图形）中自定义右键菜单。 首先，我们要理解为何要禁止鼠标右键。在网页上，鼠标右键通常会弹出一个包含诸如“查看源代码”、“保存图片”等选项的...
在HTML中实现右键菜单功能是一项常见的需求，特别是在构建交互性较强的Web应用时。默认情况下，浏览器会在用户右键点击时展示其自带的上下文菜单，但通过编程方式，我们可以自定义这一行为，以提供更加符合应用逻辑...
标题“echarts右键菜单实例 --- 不修改源码”表明我们将探讨如何在ECharts图表上添加右键菜单，而无需直接修改ECharts的源代码。这意味着我们将通过ECharts的API和事件监听来实现这一功能，这是一个常见的最佳实践，...
代码文件`code.htm`很可能是实现这一功能的HTML页面，它可能包含了树形菜单的基本结构和右键菜单的触发器。CSS文件`css`则负责定义样式，包括树形菜单的层次感、节点样式以及右键菜单的布局和外观。 具体实现上，树...
然而，有时候我们可能需要自定义特定的功能，比如右键菜单，来增强用户体验或提供更丰富的地图交互。 "OpenLayers扩展右键菜单"是一个项目，旨在帮助开发者为他们的OpenLayers地图应用添加自定义的右键上下文菜单。...
`contextmenu`是HTML5中的一个事件，它与右键菜单相关。当用户在页面上执行右键点击时，浏览器会触发`contextmenu`事件。为了在`iframe`中禁用右键菜单，我们可以监听这个事件并阻止其默认行为。 下面是一个简单的...
网页添加右键菜单是网页开发中的一个特殊功能，它允许用户在浏览器的右键点击时看到自定义的上下文菜单选项。这个功能通常通过JavaScript、HTML和CSS等前端技术实现，有时也会涉及到浏览器的API或者浏览器插件。下面...
通常，这样的示例会包含一个HTML文件，用于展示如何集成和使用自定义的右键菜单，以及CSS文件用于样式定义，可能还会有JavaScript文件来处理事件和逻辑。你可以通过查看和学习这个示例，进一步理解和应用OpenLayers...
在提供的压缩包文件中，`右键菜单设置2.html`可能是包含上述代码的一个示例网页，而`youjian.js`可能是存放JavaScript代码的外部文件。通过学习这些文件，你可以更深入地了解实际应用中的实现方式。
本文将深入探讨"Js右键菜单,js菜单,漂亮的Js右键导航,好用的Js右键菜单"这一主题，帮助开发者了解如何利用JavaScript实现高效、美观的右键菜单功能。 一、JavaScript右键菜单的基本原理 在网页上，右键点击事件...
Windows 7 右键菜单删除多余项 Windows 7 系统下，在桌面空白处右击鼠标会发现有屏幕分辨率、个性化和小工具这几项，这几项基本是很长时间都不一定会用到一次，而且小工具官方已经停止支持了。因此，为了桌面右键...
本文将深入探讨如何使用JavaScript实现右键菜单，特别是如何动态添加菜单项，并在菜单项中添加图标、文本以及处理点击事件。此外，我们还将讨论在不同浏览器（如IE、Firefox和Chrome）中的兼容性问题。 首先，右键...
在ASP.NET中，实现鼠标右键菜单可以提升用户体验，特别是在需要提供快速操作选项时。本项目聚焦于如何在ASP.NET环境中创建一个高效的鼠标右键菜单，集成多种功能，使其成为一种经典的设计模式。 首先，我们需要理解...
本项目聚焦于利用高德地图js-api实现绘制覆盖物，以及自定义右键菜单的功能。 首先，我们来探讨“绘制覆盖物”这一概念。在高德地图API中，覆盖物是指可以在地图上绘制的各种图形，如点、线、面等。在这个项目中，...
在IT行业中，自定义右键菜单效果是一种常见的增强用户体验的技术，尤其在网页和桌面应用程序中。这个主题涉及到JavaScript、CSS以及可能的HTML等前端技术。QQ邮箱作为一个知名的在线邮件服务，其用户界面设计通常...
"Windows7 新建右键菜单管理" 在 Windows7 系统中，默认情况下新建的文本文档都是带 `.txt` 后缀的，但大多数情况下，我们需要新建 PHP 文档，因此，我们需要手动修改文件扩展名为 `.php`，但 Windows 还会弹出确定...
标题中的“自带右键菜单RichEdit2.0”指的是一个增强版的富文本编辑控件，它不仅提供了标准的文本编辑功能，还特别加入了右键菜单的支持，使得用户可以通过鼠标右键点击进行更多的操作。RichEdit2.0是微软Windows...
综上所述，"Tree+完美右键菜单"是一个结合了HTML、CSS和JavaScript技术的实践案例，旨在创建一个功能强大且用户体验良好的树形结构右键菜单。通过理解并应用这些知识点，开发者可以为他们的Web应用增添更多互动性和...