http://www.webtall.com/index.php/archives/643
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
*{margin:0; padding:0;}
#ul1{width:100px; background:#ccc; position:absolute; display:none; list-style-type:none;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>阻止鼠标右键，自定义右键菜单</title>
<script type="text/javascript">
document.oncontextmenu=function(ev) //oncontextmenu事件为鼠标右键
{
var oEvent=ev||event;
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; //获取上下滚动条
var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft; //获取左右滚动条
var oUl=document.getElementById('ul1'); //获取UL
oUl.style.display='block';
oUl.style.left=oEvent.clientX+scrollLeft+'px'; //设置X轴的位置
oUl.style.top=oEvent.clientY+scrollTop+'px'; //设置Y轴的位置
return false; //阻止浏览器默认事件
};
document.onclick=function()
{
var oUl=document.getElementById('ul1');
oUl.style.display='none';
};
</script>
</head>
<body>
<ul id="ul1">
<li><a href="http://www.webtall.com">五指前端</a></li>
<li><a href="http://www.webtall.com">五指前端</a></li>
<li><a href="http://www.webtall.com">五指前端</a></li>
</ul>
</body>
</html>
分享到：
相关推荐
在压缩包中的"RightClickDemo"文件中，包含了完整的示例代码和运行资源，可以帮助开发者更直观地理解和学习如何在Flex 3环境中实现自定义右键菜单。通过分析和运行这个Demo，你可以了解每个部分的功能，以及它们是...
总结起来，禁止鼠标右键和在SVG中自定义右键菜单涉及到JavaScript事件处理和DOM操作。通过监听`contextmenu`事件并调用`preventDefault()`方法，可以阻止浏览器的默认右键菜单。而在SVG中，我们可以结合CSS和...
本文将深入探讨如何利用JavaScript实现自定义鼠标右键菜单的功能。 首先，我们需要理解浏览器的默认行为。当用户在网页上点击鼠标右键时，通常会弹出一个包含基本浏览器操作（如"查看源代码"、"保存页面"等）的标准...
总的来说，实现“点击鼠标右键弹出自定义菜单”需要对Windows API有深入的理解，包括消息处理、菜单创建、用户交互等方面的知识。这不仅是一项技术挑战，也是一个优化用户体验的过程。在实际项目中，这种自定义菜单...
vue自定义右键菜单 -vue2版 vue自定义右键菜单 js右键菜单
在自定义右键菜单的场景中，JavaScript用于监听鼠标右键点击事件，当用户在页面上按下右键时，会触发自定义的函数，而不是浏览器默认的上下文菜单。以下是一个简单的示例： ```javascript document....
在IT行业中，自定义右键菜单效果是一种常见的增强用户体验的技术，尤其在网页和桌面应用程序中。这个主题涉及到JavaScript、CSS以及可能的HTML等前端技术。QQ邮箱作为一个知名的在线邮件服务，其用户界面设计通常...
自定义右键菜单主要涉及以下几个方面的知识点： 1. **注册表编辑**：Windows操作系统中，右键菜单的设置主要存储在注册表中。通过修改注册表键值，可以添加、删除或更改右键菜单项。这需要用户了解注册表的基本结构...
《jQuery右键自定义菜单详解》 在网页开发中，为用户提供便捷的交互体验是至关重要的，而右键菜单作为用户交互的一种常见形式，能够快速响应用户的操作需求。本文将详细解析“jQuery右键自定义菜单”这一JS特效，...
接下来，我们可以通过AJAX与ASP.NET服务器端进行通信，请求并填充自定义的右键菜单内容。这通常涉及到一个Web服务（WebMethod）或API接口，它根据用户的上下文信息返回相应的菜单项。 在C#中，你可以创建一个Web...
"自定义鼠标右键菜单背景图片工具"正是满足这种需求的软件，它允许用户根据个人喜好更改鼠标右键弹出菜单的背景图片，提升使用体验和视觉效果。 首先，我们来了解一下鼠标右键菜单的基本概念。右键菜单，也称为上...
标题"鼠标右键菜单背景.rar"表明这是一个关于改变鼠标右键菜单背景的资源文件，通常这类文件可能是包含了自定义背景的设置文件或修改工具。RAR是一种流行的文件压缩格式，用于将多个文件打包成一个单一的文件以便于...
在JavaScript（JS）中，自定义右键菜单是一项常见的需求，尤其在开发Web应用程序时，为了提供更加个性化和功能丰富的用户体验。默认情况下，浏览器提供的右键菜单只包含基本的选项，如“复制”、“粘贴”等。通过...
标题中的“鼠标右键新建菜单的管理工具”指的是Windows操作系统中的一种功能，允许用户自定义在鼠标右键点击空白区域时出现的新建菜单。这个菜单通常包含如“文本文档”、“图片文件”等快捷创建选项，而管理工具则...
这个组件允许开发者自定义右键菜单的内容和样式，从而灵活地控制用户界面。 1. **Vue.js基础知识** - Vue.js是一个轻量级的前端框架，它的核心特性包括声明式渲染、组件化、响应式数据绑定和指令系统。 - 组件是...
在计算机使用过程中，鼠标右键菜单是日常操作中不可或缺的一部分，它提供了快速访问常用功能的途径。然而，随着时间的推移，右键菜单可能会变得拥挤不堪，包含许多不常用或者冗余的选项，这不仅影响了操作效率，还...
本文将围绕“修改鼠标右键菜单和删除显卡图标”这一主题，详细阐述如何精简和自定义鼠标右键菜单，以及如何去除不再需要的显卡控制面板快捷方式。 #### 一、理解注册表与鼠标右键菜单的关系 鼠标右键菜单的定制，...
而`libs`目录可能包含了用于实现自定义右键菜单功能的第三方库文件。这些资源和库文件是确保自定义右键菜单功能正常工作的重要组成部分。 另一个重要的文件是`commands`目录，这个目录可能包含了用户点击自定义菜单...
网页上鼠标右键显示自定义菜单功能
开发自定义右键菜单涉及以下几个关键知识点： 1. **事件监听**：首先，我们需要监听地图的鼠标右键点击事件。在JavaScript中，这通常通过`addEventListener`函数实现，绑定到地图容器的`contextmenu`事件。 2. **...