javascript右键菜单 [本本作品]

最新推荐文章于 2021-12-25 10:22:47 发布
最新推荐文章于 2021-12-25 10:22:47 发布
阅读量89 收藏
点赞数
分类专栏： JavaScript & jQuery & AJAX 文章标签： JavaScript IE 浏览器 Chrome IDEA ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jsrookie/article/details/83328042
版权

前几天，单位里的项目上需要一个右键菜单，在网上找了几个都不合适，索性就自己写了一个，因为公司的项目只要求IE，所以没有考虑过多~~

 

现在发上来与大家分享，有能力的朋友自己改一下就可以适用别的浏览器了~~

 

特点~~~~美工还说得过去，菜单有功能规则过滤（这是我这个小部件的亮点）~~~

 

其它不多说了，看DEMO和源码吧~~~~

 

演示: 右键菜单DEMO

 

 

更新：由http://xuanye.iteye.com/blog/526208将本菜单转成了JQ的插件，这样可以适用于更多的浏览器啦~~~

 

代码在附件中！

 

 

图示:

 

jsrookie
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript中如何实现浏览器上的右键菜单
zgqtxwd的专栏
05-01 848
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
【JS】把JavaScript脚本作为书签收藏起来并可单击执行
热门推荐
Bushhhh的博客
06-13 1万+
灵感来源于B站一个很喜欢的UP主，名字叫【imba久期】，当时发现JS还能这么玩，感觉挺有趣，就学了一下，同时他在B站也在每日更新一些JS的小程序、小技巧，欢迎大家来关注，一起学习呀！（手动滑稽） 效果说明 从操作上说，是将JavaScript脚本作为书签，想用的时候点一下收藏栏中对应的书签，即可执行脚本； 从作用上说，主要可以对当前页面进行一些脚本上的操作，比如对特定页面DOM进行操作、改变字体颜色、删除广告等等；JS具体的用途可以说太多了，还需要大家去发现便利且实用的功能，这里只是提供一个方法； 比.
如使用原生js自定义右键菜单
纸飞机博客
09-06 1528
1、右键菜单触发的基本过程 实现自定义右键菜单我们首先需要了解以下内容： 浏览器默认的右键菜单触发的基本过程 单击右键，菜单出现 菜单出现，鼠标箭头一直在菜单左上角 再换个位置点击右键，原菜单消失，新菜单出现在指定位置 点击左键，中键，菜单消失 以上为大致实现过程，不全面，仅供参考 也许文字过于抽象，我们来看看代码吧： 2、HTML结构 <!--start右键菜单的结构--> <div id="rightmenu" class="rightmenu">
javascript右键菜单（所有浏览器）
jonathanlin2008的专栏
01-26 2561
<br /><HTML> <HEAD> <TITLE> New Document </TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- window.Menu=function(isDir,text,handle) { this.IsDirectory=false; //是否是目录 this.HTMLObj=null; //关联HTML对象 this.ParentMenu=null; //父菜单
javascript自定义浏览器右键菜单
L511157586的博客
05-29 295
javascript自定义浏览器右键菜单 在书上看到document对象还有一个contextmenu事件，但是不知为什么w3school中找不到这个耶。。。 利用这个特性写了个浏览器的右键菜单，感觉挺不错，呵呵。。。 HTML部分(在<body></body>之间插入以下HTML)： 查看代码 <div id="menu"&...
JavaScript右键菜单插件
09-11
自己写的JavaScript的小组件，初步融入了vueJS，没有使用jquery的js组件，希望能够帮到大家，也可以提出宝贵意见或是建议共同努力，一起进步。解压密码rightMenu。具体使用可以查看文件中的具体注释。
基于JavaScript实现右键菜单和拖拽功能
10-21
在本文中，我们将深入探讨如何利用JavaScript实现右键菜单功能和拖拽功能。 首先，让我们关注右键菜单功能的实现。在HTML中，我们创建了一个id为"menu"的div元素，它在默认情况下是隐藏的。当用户右键点击时，通过`...
JavaScript模拟鼠标右键菜单效果
10-22
主要为大家详细介绍了JavaScript模拟鼠标右键菜单效果的实现代码，感兴趣的小伙伴们可以参考一下
基于JavaScript实现智能右键菜单
10-22
首先，智能右键菜单的实现依赖于JavaScript事件监听。在上述代码中，`mousedown`事件被用来检测用户的鼠标操作，特别是右键点击。`e.which == 3`用于判断是否为右键点击，这是在JavaScript中识别右键的标准方法。 ...
javascript鼠标右键菜单自定义效果
10-22
设计专属于自己的右键菜单，添加自己需要的快捷方式，本文就为大家分享自定义javascript鼠标右键菜单的实现方法，感兴趣的小伙伴们可以参考一下
Javascript实现浏览器菜单命令
我本无名的专栏
12-19 1086
每当我们看到别人网页上的打开、打印、前进、另存为、后退、关闭本窗口、禁用右键等实现浏览器命令的链接，而自己苦于不能实现时，是不是感到很遗憾？是不是也想实现？如果能在网页上能实现浏览器的命令，将是多么有意思的事啊！下面我们就来看看如何用Javascript代码实现浏览器菜单命令(以下代码在Windows XP下的浏览器中调试通过)。 　　一、【文件(F)】菜单中的命令的实现 　　 1、〖打开〗命
javascript 实现各浏览器兼容的右键菜单
weixin_30776863的博客
04-11 133
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>javascript右键菜单</title> <meta http-equiv="content-type" content="text/html; charset...
JS中自定义浏览器的右键行为
weixin_42943920的博客
12-25 418
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&lt
Websocket出现的错误
本本技术
04-06 2612
前端使用sockjs，后台使用spring的websocket框架 结果在一个网络较慢的地方，发现tomcat报错信息： Oct 28, 2015 10:10:43 AM org.apache.catalina.core.StandardWrapperValve invoke SEVERE: Servlet.service() for servlet [mvc-dispatcher...
requirejs、require方法冲突
本本技术
12-21 2101
如果加载了多个requirejs脚本，每个requirejs会判断是否浏览器已经实现了require和define方法。如果浏览器已经自带require和define方法，或者之前已经有一个requirejs脚本执行，那么这个requirejs就会立刻停止执行。所以，即使页面上加载了多次requirejs脚本也不会有什么问题。 配置Context 我把context叫做一个命名空间，因为每...
jQuery.event 事件机制 全解析
本本技术
02-10 1704
jQuery 的事件机制由以下几部分组成： 1、利用 jQuery.Event(event | type[, props]) 构造函数创建可读写的 jQuery事件对象 $event， 该对象即可以是原生事件对象 event 的增强版，也可以是用户自定义事件，第二个参数 props 可以是一个对象， $event 会复制这个对象的属性来增强自己; 2、依赖 jQuery.event.fix(...
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
本本技术
11-23 1087
  HTML5 Canvas中提供了实现图形平移，旋转，放缩的API。 平移(translate) 平移坐标translate(x, y)意思是把(0,0)坐标平移到(x, y)，原来的(0,0)坐标则变成(-x, -y) 图示如下：  任何原来的坐标点p(ox, oy)在translate之后的坐标点为p(ox-x, oy-y),其中点(x, y)为平移 点坐标translate(x, y)...
Adobe AIR初级入门教程,hello world
本本技术
08-31 940
Adobe AIR初级入门教程,hello world 作者：volcano 来源：ghtxx.cn 本文由volcano翻译,主要介绍简单的AIR环境配置与制作一个实例hello world弹出窗口,完成后发布为*.air格式的文件,对于国内十分稀缺的入门教程来说还是值得参考的! 俺目前的情况是，没有安装Dreamweaver，Flash之类的软件，只用一些免费软件，所以我只打算写...
JSR-356 WebSocket API规范中文版
本本技术
10-21 906
转：http://jinnianshilongnian.iteye.com/blog/1862252   JavaEE 7规范也临近了，首批JSR规范已通过审批，而且如Nginx、jetty7、Tomcat7等都支持Websocket协议，未来B/S实时通信肯定少不了WebSocket的一席之地。因此，就把JavaEE WebSocket API规范等翻译出来，造福大家，大家多多指教。  ...
JavaScript屏蔽指定元素内右键菜单
最新发布
06-07
可以使用JavaScript屏蔽指定元素内右键菜单，可以通过以下代码实现： ```javascript // 获取指定元素 var element = document.getElementById("element-id"); // 给指定元素绑定鼠标右击事件 element....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值