自定义鼠标右键

最新推荐文章于 2024-08-14 10:11:27 发布
最新推荐文章于 2024-08-14 10:11:27 发布
阅读量1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： javascript div table function c html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hztgcl1986/article/details/1624045
 
<!--
注释
<!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">
-->

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>自定义鼠标右键</title>

 

<script language="javascript" type="text/javascript">
document.oncontextmenu = function ()
{
    var div = document.getElementById("hdiv");
    
    div.style.pixelLeft = event.clientX;
    div.style.pixelTop = event.clientY;
    
    div.style.display = "block";
    
    return false;
}
</script>

 

</head>

<body>

 

<div id="hdiv" align="center" style="position:absolute; display:none; background-color:#EFF8FF; height:300px; width:100px; top:0px; left:0px; ">

<fieldset style="border-color:#96C2EF; border-width:1px; border-style:solid;">
<legend>潍科</legend>

<table width="100%" bgcolor="#ECE9D8" style="cursor:pointer;">

<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >关闭菜单</td>
</tr>


<tr><td><hr  size="0" color="#C0C0C0" noshade="noshade"></td></tr> 

<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >首　题</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >上一题</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'">下一题</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >末　题</td>
</tr>

<tr><td><hr  size="0" color="#C0C0C0" noshade="noshade"></td></tr> 

<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >标记此题</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >取消标记</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >答题状态</td>
</tr>

<tr><td><hr  size="0" color="#C0C0C0" noshade="noshade"></td></tr> 

<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >全 部</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >单 选</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >多 选</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >填 空</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >判 断</td>
</tr>

<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >其 它</td>
</tr>

<tr><td><hr  size="0" color="#C0C0C0" noshade="noshade"></td></tr> 

<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >保存</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >交卷</td>
</tr>

</table>
</fieldset>
</div>


</body>

</html>

鼠标右键 自定义
小菜张的博客
06-27 573
自定义鼠标右键
IFE糯米学院-自定义鼠标右键
realDE的博客
03-02 727
任务目的 了解js中的oncontextmenu事件 了解如何获取鼠标位置 了解如何实现页面屏蔽右键菜单 任务要求 实现鼠标右击时，出现自定义菜单。点击非自定义菜单区域时，隐藏自定义菜单。参考样例（点击查看），实现页面开发，要求实现效果基本一致。 点击自定义菜单条目时，弹出菜单条目名称。 参考 oncontextmenu event事件 思路 ps：代码真
自定义鼠标右键菜单
zhouguoqionghai的博客
04-15 1382
1、选中文件，鼠标右键可选择打开的程序 a、地址栏输入 计算机\HKEY_CLASSES_ROOT\*\shell ，避免查找。 b、右键 shell 节点，新建(N) ->项(K)，创建一个新节点，可以用要添加的程序名字来命名，比如 sublime . c、右键新创建的节点，新建(N)->字符串值(S)，名称必须为 Icon，为右键菜单里的小图标。 d、右键 sublim...
如何自定义鼠标右键
zrt8019的专栏
03-23 1336
通过修改注册表自定义鼠标右键 1.打开注册表 WIN+R组合键,打开运行窗口, 然后输入regedit, 回车打开注册表 2.找到HKEY_CLASSES_ROOT/Directory/background/shell 3 鼠标在shell目录上右键>新建>项, 输入项的名字(任意都行) 4 选中新建的项, 修改右边默认的字符串值, 该值就是右键菜单里...
点击鼠标右键弹出自定义菜单
03-21
NULL 博文链接：https://penghuaiyi.iteye.com/blog/972512
开发过程优化·自定义鼠标右键菜单
12-31
在软件开发过程中，优化用户体验始终是一个核心任务，其中自定义鼠标右键菜单是一个提升用户交互体验的重要方面。自定义鼠标右键菜单可以使用户在使用软件时更加高效，同时也能增强软件的专业性和个性化。本文将从...
易优优美多功能自定义鼠标右键插件.zip
最新发布
05-17
易优优美多功能自定义鼠标右键插件是一款旨在提升用户体验的浏览器插件，通过它可以对鼠标右键的功能进行自定义设置，为用户提供更加便捷的操作方式和丰富的功能拓展。这种插件在当前的网络环境中非常受欢迎，特别是...
网页中自定义鼠标右键弹出菜单rightMenu.zip
11-08
在网页开发中，有时我们希望实现更个性化的用户体验，其中之一就是自定义鼠标右键弹出菜单。这个"网页中自定义鼠标右键弹出菜单rightMenu.zip"文件提供了一个使用JavaScript实现这一功能的示例。下面我们将深入探讨...
JQuery模拟实现网页中自定义鼠标右键菜单功能
12-13
在网页开发中，有时我们需要对用户的交互行为进行定制，例如自定义鼠标右键菜单。本文将详细介绍如何使用JQuery来实现这一功能。首先，我们需要理解原网页中的右键菜单是通过浏览器默认的行为来呈现的，我们可以使用...
js自定义鼠标右键的实现原理及
10-25
然而，在某些应用场景下，开发者可能需要自定义鼠标右键的行为，以提供更加丰富的用户体验或实现特定的交互逻辑。本文将详细解释如何使用JavaScript来自定义鼠标右键的行为，并提供相关代码示例。 首先，自定义鼠标...
win10桌面简洁化（自定义鼠标右键菜单）
weixin_43141428的博客
01-04 5630
我的win10桌面 使用到的工具 Rainmeter TranslucentTB Rainmeter 可以自定义桌面组件，我在右上角显示了cpu和内存占用情况，右下角回收站。 TranslucentTB 可以把任务栏透明化。 Q:这么多软件，桌面一个快捷方式都没有，那打开软件岂不是很麻烦？ A:有没有发现点击鼠标右键也是个菜单？ 下面教你怎么自定义这个菜单： 1、win+r 输入regedit 2、进入Directory\Background\shell目录 3、右击shell-新建-项，文件夹
列表注册自定义鼠标右键事件
weixin_30237719的博客
07-26 176
循环是因为列表中每一个都需要注册 $("#num").val() 总数 $("#fileList-" + i).attr("data-id");主键 window.onload = function () { 　　for (var i = 0; i < $("#num").val() ; i++) { 　　　　document.getEle...
电脑的右键菜单也能自定义么？这篇文章教你如何实现
cnzzs的博客
08-02 1303
是否想过让你的电脑右键菜单变得更加个性化和高效？无论是为了提高工作效率，还是为了更好的用户体验，自定义右键菜单都是一项极具价值的技能。在这篇文章中，我将分享多种方法，帮助你轻松实现这一目标。为什么要自定义右键菜单？我们每天在电脑上进行大量操作，许多常用的功能和应用程序都可以通过右键菜单快速访问。然而，默认的右键菜单往往包含...
js实现自定义右键菜单
YetnumSun的博客
02-13 4352
JavaScript实现自定义右键菜单，思路如下： 1. 屏蔽默认右键事件； 2. 隐藏自定义的菜单模块（如div、ul等）； 3. 右键点击特定或非特定区域，显示菜单模块； 4. 再次点击，隐藏菜单。 明确了思路，下面给出相关代码： HTML 选择类型： 拼接视频文件 拼接图片文件
Windows 右键菜单自定义配置
热门推荐
Longing_的博客
03-31 1万+
Windows右键菜单自定义一级、二级配置说明。
小白也能学会：30秒添加自定义右键菜单
m0_56280293的博客
08-14 2870
比如，想要在右键菜单中添加"用记事本打开"选项，只需要选择记事本的快捷方式，输入菜单名称，然后点击"添加"按钮即可。想象一下，以后你可以直接右击文件就能用你最常用的程序打开，或者右击桌面就能快速启动你最喜欢的应用，是不是很方便？而且，你可以通过这种方法添加任何你想要的命令到右键菜单中，非常灵活。这种方法的好处是，你可以根据自己的需求编写各种脚本，比如一次性添加多个右键菜单项，或者创建一个菜单，里面包含多个子菜单等。下面，我将为大家介绍几种添加自定义右键菜单的方法，从简单到复杂，总有一种适合你！
linux命令---tr
wucai0503的专栏
12-10 481
tr是translate的简写，亦即翻译，但是遗憾的是，它不能翻译句子，只能翻译单个字符。1 tr的工作原理是什么?先记住一点，tr命令不接受指定的文件参数，而只是对标准输入进行翻译。好了，记住这点后，我们继续。tr的命令格式是tr SET1 SET2，凡是在SET1中的字符，都会被替换为SET2中相应位置上的字符，简单吧!2 举个例子吧!tr的例子其实都大同小异，看一个最
自定义桌面右键菜单-Win 10 版
Andy's Blog
10-09 5089
自定义桌面右键菜单-Win 10 版进入注册表编辑器编辑新菜单查看效果 进入注册表编辑器 通过快捷键“win+r”，弹出运行框，输入 regedit 。如下图所示： 在打开的注册表编辑器中，找到 HKEY_CLASSES_ROOT\Directory\Background\shell。如下图所示： 编辑新菜单 编辑自定义菜单名称。选中“shell”，右键-新建-项，然后自定义新建的项的名称，...
linux中tr命令简介
pangyongtao的专栏
11-22 1362
1、关于tr   通过使用 tr，您可以非常容易地实现 sed 的许多最基本功能。您可以将 tr 看作为 sed 的（极其）简化的变体：它可以用一个字符来替换另一个字符，或者可以完全除去一些字符。您也可以用它来除去重复字符。这就是所有 tr 所能够做的。       tr用来从标准输入中通过替换或删除操作进行字符转换。tr主要用于删除文件中控制字符或进行字符转换。使用tr时要转换两个字符串：字符串
JavaScript实现自定义鼠标右键菜单教程
在网页设计和开发中，通过JavaScript（简称JS）可以自定义鼠标右键菜单，为用户提供更加丰富和个性化的交互体验。下面我们将详细探讨与鼠标右键菜单相关的知识点。 ### 标准的HTML和浏览器默认行为 在HTML中，通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值