javascript右键菜单 [本本作品]

最新推荐文章于 2021-12-25 10:22:47 发布
原创 最新推荐文章于 2021-12-25 10:22:47 发布 · 132 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#JavaScript #IE #浏览器 #Chrome #IDEA #ViewUI

本文分享了一款自定义右键菜单的实现方法，具备美观的界面和功能规则过滤特性，已转换为jQuery插件，适用于多种浏览器。

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

 

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

 

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

 

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

 

演示: 右键菜单DEMO

 

 

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

 

代码在附件中！

 

 

图示:

 

【JS】把JavaScript脚本作为书签收藏起来并可单击执行
Bushhhh的博客
06-13 1万+
灵感来源于B站一个很喜欢的UP主，名字叫【imba久期】，当时发现JS还能这么玩，感觉挺有趣，就学了一下，同时他在B站也在每日更新一些JS的小程序、小技巧，欢迎大家来关注，一起学习呀！（手动滑稽） 效果说明 从操作上说，是将JavaScript脚本作为书签，想用的时候点一下收藏栏中对应的书签，即可执行脚本； 从作用上说，主要可以对当前页面进行一些脚本上的操作，比如对特定页面DOM进行操作、改变字体颜色、删除广告等等；JS具体的用途可以说太多了，还需要大家去发现便利且实用的功能，这里只是提供一个方法； 比.
javascript鼠标右键菜单自定义效果
10-22
本文将详细介绍如何通过JavaScript自定义鼠标右键菜单的实现方法。 首先，我们需要了解什么是鼠标右键菜单。鼠标右键菜单是指当用户在网页上右键点击鼠标时，浏览器默认弹出的上下文菜单。这个菜单包括复制、粘贴等...
javascript中如何实现浏览器上的右键菜单
zgqtxwd的专栏
05-01 980
<!--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中自定义浏览器的右键行为
weixin_42943920的博客
12-25 560
<!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
javascript 实现各浏览器兼容的右键菜单
weixin_30776863的博客
04-11 178
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>javascript右键菜单</title> <meta http-equiv="content-type" content="text/html; charset...
javascript右键菜单（所有浏览器）
jonathanlin2008的专栏
01-26 2631
<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; //父菜单
如何爱护自己的本本----学习
*^^^^^^^*
06-24 836
每天关机前要做的清洗: 双击“我的电脑”— —右键点C盘——点“属性”——点“磁盘清理”——点“确定”——再点“是”——再点“确定”。清理过程中，您可看得到未经您许可（您可点“查看文件”看，就知道了）进来的“临时文件”被清除了，盘的空间多了。对D，E，F盘也要用这法进行。
javascript 右键菜单
04-16
javascript 右键菜单，比较好用，自定义的，可以根据需要自己改动
jQuery动态生成表格及右键菜单功能示例
10-20
在本示例中，我们将深入探讨如何使用jQuery来动态生成表格以及实现右键菜单功能。首先，我们需要了解jQuery的基本概念。jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在这...
JavaScript 自定义html元素鼠标右键菜单功能
10-15
JavaScript 自定义HTML元素鼠标右键菜单功能是一种常见的前端交互设计，它可以增强用户的操作体验，提供更加个性化的功能选择。在本文中，我们将深入探讨如何利用JavaScript实现这一功能，并通过具体的实例代码来...
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
10-15
在Web开发中，尤其是使用Vue框架构建的单页面应用(SPA)中，常常需要给表格组件添加一些额外的交互功能，比如右键菜单。在本例中，我们将探讨如何在Vue中实现Table组件行内右键菜单的功能，该项目是基于vue + Ant...
javascript自定义浏览器右键菜单
L511157586的博客
05-29 374
javascript自定义浏览器右键菜单 在书上看到document对象还有一个contextmenu事件，但是不知为什么w3school中找不到这个耶。。。 利用这个特性写了个浏览器的右键菜单，感觉挺不错，呵呵。。。 HTML部分(在<body></body>之间插入以下HTML)： 查看代码 <div id="menu"&...
如使用原生js自定义右键菜单
纸飞机博客
09-06 1781
1、右键菜单触发的基本过程 实现自定义右键菜单我们首先需要了解以下内容： 浏览器默认的右键菜单触发的基本过程 单击右键，菜单出现 菜单出现，鼠标箭头一直在菜单左上角 再换个位置点击右键，原菜单消失，新菜单出现在指定位置 点击左键，中键，菜单消失 以上为大致实现过程，不全面，仅供参考 也许文字过于抽象，我们来看看代码吧： 2、HTML结构 <!--start右键菜单的结构--> <div id="rightmenu" class="rightmenu">
Websocket出现的错误
本本技术
04-06 2763
前端使用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 2247
如果加载了多个requirejs脚本，每个requirejs会判断是否浏览器已经实现了require和define方法。如果浏览器已经自带require和define方法，或者之前已经有一个requirejs脚本执行，那么这个requirejs就会立刻停止执行。所以，即使页面上加载了多次requirejs脚本也不会有什么问题。 配置Context 我把context叫做一个命名空间，因为每...
jQuery.event 事件机制 全解析
本本技术
02-10 1862
jQuery 的事件机制由以下几部分组成： 1、利用 jQuery.Event(event | type[, props]) 构造函数创建可读写的 jQuery事件对象 $event， 该对象即可以是原生事件对象 event 的增强版，也可以是用户自定义事件，第二个参数 props 可以是一个对象， $event 会复制这个对象的属性来增强自己; 2、依赖 jQuery.event.fix(...
Adobe AIR初级入门教程,hello world
本本技术
08-31 1398
Adobe AIR初级入门教程,hello world 作者：volcano 来源：ghtxx.cn 本文由volcano翻译,主要介绍简单的AIR环境配置与制作一个实例hello world弹出窗口,完成后发布为*.air格式的文件,对于国内十分稀缺的入门教程来说还是值得参考的! 俺目前的情况是，没有安装Dreamweaver，Flash之类的软件，只用一些免费软件，所以我只打算写...
JSR-356 WebSocket API规范中文版
本本技术
10-21 1203
转：http://jinnianshilongnian.iteye.com/blog/1862252   JavaEE 7规范也临近了，首批JSR规范已通过审批，而且如Nginx、jetty7、Tomcat7等都支持Websocket协议，未来B/S实时通信肯定少不了WebSocket的一席之地。因此，就把JavaEE WebSocket API规范等翻译出来，造福大家，大家多多指教。  ...
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
本本技术
11-23 1160
  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)...
JavaScript右键菜单实现与示例
本文档主要介绍了如何在JavaScript中实现一个自定义的右键菜单，用于提供简单的用户交互功能。JavaScript是一种广泛应用于Web开发的脚本语言，它能够动态地改变网页内容，包括创建和控制网页元素的行为。在这个例子...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值