`

javascript右键菜单 [本本作品]

阅读更多

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

 

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

 

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

 

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

 

演示: 右键菜单DEMO

 

 

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

 

代码在附件中!

 

 

图示:

 

41
0
分享到:
评论
24 楼 51jsr 2009-04-11  
ivonxiao 写道

这个自己改造下就可以变成通用的了. 其实是自己懒得写,想搜下有没有漂亮的,结果看到博主的了 在IE下看起来很漂亮 谢谢博主

呵呵,最近忙的什么都没做了,谢谢支持~~~~
23 楼 ivonxiao 2009-04-07  
这个自己改造下就可以变成通用的了.
其实是自己懒得写,想搜下有没有漂亮的,结果看到博主的了
在IE下看起来很漂亮
谢谢博主
22 楼 terryjoy 2009-02-20  
不错 ,好像不支持FF, 兼容性不好, 呵呵~
21 楼 ylz4647 2009-02-11  
支持一下,JS的东西适用就好..
20 楼 xuanye 2009-02-07  
另外样式在
DTD模式下有些问题。
19 楼 xuanye 2009-02-07  
不错的。已借鉴
18 楼 freeending 2009-01-31  
他们都是屎!!!!!!
本厅他们的,你是最牛的!!!!!!!!
17 楼 51jsr 2009-01-23  
tryonmind 写道

牛  呵呵 js一直像一块鸡肋一样 不学吧很多地方要用 学吧从语法到运行环境再到开发环境调试等实在不敢恭维 也没有一个非要啃这块骨头的理由 头疼

呵呵,同感同感
16 楼 tryonmind 2009-01-23  
牛  呵呵 js一直像一块鸡肋一样 不学吧很多地方要用 学吧从语法到运行环境再到开发环境调试等实在不敢恭维 也没有一个非要啃这块骨头的理由 头疼
15 楼 mgssnake 2009-01-23  
不错。支持
14 楼 51jsr 2009-01-02  
huxp 写道

Chrome不支持

呵呵~~~我上面贴子里说了,只支持IE~~~~要支持其它浏览器只需要改一下事件处理那块就可以了~~~相信大家都知道怎么改~~~~

我再声明一次~~~~只支持IE,原因贴子里写的很清楚
13 楼 huxp 2009-01-01  
Chrome不支持
12 楼 czwlucky 2008-12-29  
做的不错!这个右键菜单也可以组件化啊:)
11 楼 yukaizhao 2008-12-29  
还是挺不错的。
10 楼 hejin1026 2008-12-29  
还使个屁 阿,火狐浏览器不支持。打回去
9 楼 hejin1026 2008-12-29  
还使个屁 阿,火狐浏览器不支持。
8 楼 javaOpen 2008-12-29  
  很好,支持
7 楼 sunshineparasol 2008-12-29  
6 楼 terryang 2008-12-28  
xiaobin268 写道

还使个屁 阿,火狐浏览器不支持。

I 服了you!
5 楼 51jsr 2008-12-28  
Jackphone 写道

在IE中还是挺不错的,LZ能简单讲述一下原理吗?期待讲解,谢谢。


我代码中给的是源码~~结构很清析,仔细看一下就知道了~~~~
因为IE的事件处理不同与其它浏览器~~~要做到通用,在事件处理时加上一个event就行了~~

相关推荐

    javascript 右键菜单

    javascript 右键菜单,比较好用,自定义的,可以根据需要自己改动

    Js右键菜单,js菜单,漂亮的Js右键导航,好用的Js右键菜单

    本文将深入探讨"Js右键菜单,js菜单,漂亮的Js右键导航,好用的Js右键菜单"这一主题,帮助开发者了解如何利用JavaScript实现高效、美观的右键菜单功能。 一、JavaScript右键菜单的基本原理 在网页上,右键点击事件...

    漂亮的javascript右键菜单代码

    ### 漂亮的JavaScript右键菜单代码:深入解析与应用 #### 一、引言 在网页开发中,右键菜单(上下文菜单)是一个常见的功能,它为用户提供了一个直观且便捷的操作方式。本文将深入分析一个用JavaScript实现的漂亮...

    echarts右键菜单实例 --- 不修改源码

    标题“echarts右键菜单实例 --- 不修改源码”表明我们将探讨如何在ECharts图表上添加右键菜单,而无需直接修改ECharts的源代码。这意味着我们将通过ECharts的API和事件监听来实现这一功能,这是一个常见的最佳实践,...

    dtree动态树 Javascript右键菜单.doc

    dtree动态树 Javascript右键菜单

    禁止鼠标右键及svg中自定义右键菜单

    总结起来,禁止鼠标右键和在SVG中自定义右键菜单涉及到JavaScript事件处理和DOM操作。通过监听`contextmenu`事件并调用`preventDefault()`方法,可以阻止浏览器的默认右键菜单。而在SVG中,我们可以结合CSS和...

    js树形菜单加右键菜单

    总的来说,结合使用JavaScript实现的树形菜单和右键菜单,可以提供一个高效且直观的用户界面,让用户在复杂的层级数据中进行导航和操作。这种技术在内容管理系统(CMS)、文件管理工具以及其他需要展现层次关系的Web...

    Openlayers扩展右键菜单

    总结来说,OpenLayers扩展右键菜单是一项提高地图应用交互性的技术,涉及到JavaScript事件处理、DOM操作、CSS样式设计以及地图交互逻辑。通过这样的扩展,我们可以让地图应用变得更加灵活且符合用户的使用习惯。

    iframe里无右键菜单

    下面是一个简单的JavaScript示例,展示如何在`iframe`中禁用右键菜单: ```html <!DOCTYPE html> 禁用iframe右键菜单 嵌套页面的URL" width="100%" height="500"> // 获取iframe元素 var iframe = ...

    JavaScript设置右键菜单

    然而,通过JavaScript,我们可以自定义这个功能,创建符合网站需求的个性化右键菜单。 在JavaScript中实现右键菜单,主要涉及以下几个核心知识点: 1. **事件监听**:首先,我们需要监听鼠标的右键点击事件。在...

    js右键菜单,菜单项由js动态添加,纯js调用

    本文将深入探讨如何使用JavaScript实现右键菜单,特别是如何动态添加菜单项,并在菜单项中添加图标、文本以及处理点击事件。此外,我们还将讨论在不同浏览器(如IE、Firefox和Chrome)中的兼容性问题。 首先,右键...

    openlayers右键菜单

    总结来说,OpenLayers右键菜单是通过自定义事件监听、HTML/CSS布局和JavaScript事件处理来实现的。这个“不错的demo”为我们提供了一个很好的起点,让我们能够为OpenLayers地图增加更多交互性,提升用户体验。通过...

    js(javascript)右键菜单实现

    js(javascript)右键菜单实现,js(javascript)右键菜单实现,js(javascript)右键菜单实现

    好看的javascript网页鼠标右键菜单

    在这个特定的案例中,"好看的javascript网页鼠标右键菜单"是利用JavaScript实现的一种增强用户界面的技巧。通常,网页上的鼠标右键点击事件会被浏览器默认的上下文菜单所捕获,但通过自定义JavaScript代码,我们可以...

    高德地图实现绘制覆盖物,自定义右键菜单

    高德地图API并没有直接提供右键菜单功能,但开发者可以结合JavaScript事件监听和自定义函数来实现。具体步骤包括: 1. 监听地图的`contextmenu`(右键点击)事件。 2. 在事件触发时,阻止浏览器默认的右键菜单显示,...

    tree+完美右键菜单

    在生成的树形节点DIV中添加ID属性,可以方便JavaScript代码通过ID找到特定的元素,从而实现对特定节点的右键菜单进行个性化设置。 6. **例子应用**: 描述中的“把例子里的DIV替换成数的DIV”意味着你需要将示例...

    一个简单好用的JavaScript右键菜单控件源代码,支持多级菜单、自定义图标,调用简单,不依赖第三库

    一个简单好用的JavaScript右键菜单控件源代码,支持多级菜单、自定义图标,调用简单,不依赖第三库 - 原生 JavaScript 开发 无任何依赖 - 界面简洁大方 - 支持多级菜单 - 支持自定义图标 - 调用简单

    【JavaScript源代码】Vue+element-ui添加自定义右键菜单的方法示例.docx

    ### Vue + Element UI 添加自定义右键菜单的知识点解析 #### 一、概述 本文将详细介绍如何在基于Vue.js框架的项目中结合Element UI库,实现一个简单的自定义右键菜单功能。通过以下步骤,您将了解到从创建绑定事件...

    Vue20右键菜单组件菜单内容可以随意自定义

    在这个项目中,我们讨论的是一个Vue 2.0的右键菜单组件,允许开发者自定义菜单内容,从而更好地满足各种应用场景的需求。 首先,右键菜单是一种常见的交互元素,通常用于提供用户在特定上下文中的操作选项。在Web...

    基于jquery的网页右键菜单设置,js多级菜单

    在网页开发中,交互性和用户体验是至关重要的因素之一,而右键菜单则为用户提供了一种便捷的操作方式。本文将深入探讨如何使用jQuery实现基于右键的多级菜单,以增强网页功能并提升用户操作体验。 首先,jQuery是一...

Global site tag (gtag.js) - Google Analytics