自定义鼠标右键

最新推荐文章于 2024-03-31 17:57:22 发布
最新推荐文章于 2024-03-31 17:57:22 发布
阅读量987 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript div table function c html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/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>

hztgcl1986
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
win10桌面简洁化（自定义鼠标右键菜单）
weixin_43141428的博客
01-04 4727
我的win10桌面 使用到的工具 Rainmeter TranslucentTB Rainmeter 可以自定义桌面组件，我在右上角显示了cpu和内存占用情况，右下角回收站。 TranslucentTB 可以把任务栏透明化。 Q:这么多软件，桌面一个快捷方式都没有，那打开软件岂不是很麻烦？ A:有没有发现点击鼠标右键也是个菜单？ 下面教你怎么自定义这个菜单： 1、win+r 输入regedit 2、进入Directory\Background\shell目录 3、右击shell-新建-项，文件夹
局部自定义鼠标右键菜单
;
12-07 200
html局部自定义鼠标右键菜单
鼠标右键 自定义
小菜张的博客
06-27 486
自定义鼠标右键
Windows 右键菜单自定义配置
最新发布
Longing_的博客
03-31 5464
Windows右键菜单自定义一级、二级配置说明。
如何自定义鼠标右键
zrt8019的专栏
03-23 1191
通过修改注册表自定义鼠标右键 1.打开注册表 WIN+R组合键,打开运行窗口, 然后输入regedit, 回车打开注册表 2.找到HKEY_CLASSES_ROOT/Directory/background/shell 3 鼠标在shell目录上右键>新建>项, 输入项的名字(任意都行) 4 选中新建的项, 修改右边默认的字符串值, 该值就是右键菜单里...
js实现自定义右键菜单
YetnumSun的博客
02-13 4251
JavaScript实现自定义右键菜单，思路如下： 1. 屏蔽默认右键事件； 2. 隐藏自定义的菜单模块（如div、ul等）； 3. 右键点击特定或非特定区域，显示菜单模块； 4. 再次点击，隐藏菜单。 明确了思路，下面给出相关代码： HTML 选择类型： 拼接视频文件 拼接图片文件
网页中自定义鼠标右键弹出菜单rightMenu.zip
11-08
在网页开发中，有时我们希望实现更个性化的用户体验，其中之一就是自定义鼠标右键弹出菜单。这个"网页中自定义鼠标右键弹出菜单rightMenu.zip"文件提供了一个使用JavaScript实现这一功能的示例。下面我们将深入探讨...
javascript全局自定义鼠标右键菜单
01-18
本文实例为大家分享了javascript全局自定义鼠标右键菜单的具体代码，供大家参考，具体内容如下 前言 html全局自定义鼠标右键菜单 一、效果展示 二、源代码 <!DOCTYPE html> <html> <head> <...
js自定义鼠标右键的实现原理及
12-29
今天来记录下js来自定义鼠标右键，同样先来分解下它的实现原理： 1、屏蔽右键默认事件；（一度我以为修改的就是默认事件） 2、对一个ul的隐藏；（这个我也曾迂腐的认为值得这样操作的都是div，汗） 3、对鼠标点击...
javascript局部自定义鼠标右键菜单
01-18
本文实例为大家分享了js局部自定义鼠标右键菜单的具体代码，供大家参考，具体内容如下 前言 html局部自定义鼠标右键菜单 局部！ 局部！ 局部！ 重要的关键词说三遍！ 一、效果展示 二、源代码 <!DOCTYPE html>...
点击鼠标右键弹出自定义菜单
03-21
NULL 博文链接：https://penghuaiyi.iteye.com/blog/972512
【web】自定义浏览器鼠标右键菜单
Y.Cheng的博客
05-24 6874
我们电脑桌面，文件夹或者浏览器等等一些地方，鼠标左键功能都一样，鼠标右键各有各的功能，都对应各自功能需求而定制的菜单；所以我们也可以定制自己的个性右键菜单，让菜单更美观，更有个性。 这里就写出浏览器如何自定义菜单（电脑桌面的呢，抱歉超出了我能力范围了） 定制菜单如下： 样式的话，因人而异，你们随意发挥了 * { margin: 0; padding: 0; } ...
js自定义右键菜单
halo1416的博客
09-23 1万+
前言：现在的网页基本都是有右键菜单的，类似于： （来自于Chrome任务网页，“捕捉网页截图 - FireShot的” 是安装的一个插件）； 但是，我们有时候可以在一些网站上看到不一样的右键菜单即自定义右键菜单，如腾讯企业邮箱网页版：   今天，记录一些简单的右键菜单是怎么做的： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; ...
IFE糯米学院-自定义鼠标右键
realDE的博客
03-02 663
任务目的 了解js中的oncontextmenu事件 了解如何获取鼠标位置 了解如何实现页面屏蔽右键菜单 任务要求 实现鼠标右击时，出现自定义菜单。点击非自定义菜单区域时，隐藏自定义菜单。参考样例（点击查看），实现页面开发，要求实现效果基本一致。 点击自定义菜单条目时，弹出菜单条目名称。 参考 oncontextmenu event事件 思路 ps：代码真
WEB开发中的右键自定义菜单
J_JAKE（陆冷飞）的专栏
11-30 3300
项目需要一个右键自定义的菜单，包括一些常用的功能，在网上搜索到一个代码，感觉效果不错，放在此处供大家使用，代码版权归原作者所有下面看看我使用的效果图： 代码包括2个文件： JS代码文件menu0.js,样式表文件main.cssmenu0.js  代码如下：// JavaScript Documentvar strMenu = ""strMenu += "返回"strMenu += "
JS鼠标右键自定义列表
qq_33080615的博客
11-19 672
html &amp;lt;div id=&quot;menu&quot;&amp;gt; &amp;lt;a href=&quot;javascript:;&quot;&amp;gt;a&amp;lt;/a&amp;gt; &amp;lt;a href=&quot;javascript:;&quot;&amp;gt;b&amp;lt;/a&amp;gt; &
win10自定义鼠标右键多级菜单(包含桌面)
KinokoYm的博客
09-30 1万+
--------------如果觉得博主写的可以,请关注博主-------------- 首先 win + r 输入 regedit 进去注册表 然后 # HKEY_CLASSES_ROOT\*\shell 在shell创建一个你想要的右键文件 例如：KinokoYm 点击这个文件 在右侧的界面中，会出现一个默认的属性，或者是default 右键 点击这个文件，新建一个...
linux中tr命令简介
pangyongtao的专栏
11-22 1289
1、关于tr   通过使用 tr，您可以非常容易地实现 sed 的许多最基本功能。您可以将 tr 看作为 sed 的（极其）简化的变体：它可以用一个字符来替换另一个字符，或者可以完全除去一些字符。您也可以用它来除去重复字符。这就是所有 tr 所能够做的。       tr用来从标准输入中通过替换或删除操作进行字符转换。tr主要用于删除文件中控制字符或进行字符转换。使用tr时要转换两个字符串：字符串
Windows自定义右键菜单
热门推荐
qq_25166683的博客
08-02 3万+
       给文件添加右键菜单的方法主要有修改注册表，编写COM组件两种方式，当然这个只是我知道的，或许还有其他我所不知道的方法。今天我要分享的是如何通过添加注册表来达到创建自定义菜单的目的。        在XP系统上通过注册表添加自定义菜单，只能创建一级菜单而且不能给菜单添加图标。WIN7及之后的系统支持注册表添加多级菜单并且可以添加菜单图标。           自己写好的小程序想要...
luckysheet 自定义鼠标右键菜单
08-09
在Luckysheet中，你可以通过自定义鼠标右键菜单来实现特定的功能。首先，你需要在配置项中设置cellRightClickConfig属性来定义自定义菜单。在customs数组中，你可以添加自定义的菜单项，每个菜单项需要设置title和onClick属性。title表示菜单项的名称，onClick是点击菜单项后触发的事件。你可以在onClick事件中编写处理函数来实现具体的功能。例如，你可以通过console.log(params)来输出参数信息。需要注意的是，由于粘贴功能使用的是javascript的paste事件，所以目前只能通过键盘的Ctrl+V来触发粘贴操作，无法通过鼠标右键的菜单来实现。123 #### 引用[.reference_title] - *1* *2* [luckysheet 个人使用总结](https://blog.csdn.net/dave_hz/article/details/125217333)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] - *3* [Day13 鼠标右键菜单复制粘贴](https://blog.csdn.net/u010593516/article/details/115176881)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值