jQuery右键菜单ContextMenu使用笔记

插件下载地址:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.js 和http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js 以下几个博文讲解的很详细了:http://www.blogjava.net/supercrsky/articles/250091.html和http://my.osc…

jQuery右键菜单contextMenu实例

URL: http://www.cnblogs.com/whitewolf/archive/2011/09/28/2194795.html http://www.blogjava.net/supercrsky/articles/250091.html 好久没写博客了,今天简单介绍一款jQuery鼠标右键菜单contextMenu,这里首先要感谢我的漫漫程序之旅(原文http://www.blogjava.net/supercrsky/articles/250091.html).在最近项目中需要…

jQuery右键菜单contextMenu使用实例

在最近项目中需要频繁的右键菜单操作.我采用了contextMenu这款jQuery插件. 参考网址:http://www.jb51.net/article/58709.htm 官网demo http://medialize.github.io/jQuery-contextMenu/demo/callback.html 文章使用相关js文件 http://download.csdn.net/detail/chenxiang199055/6448645 在下面我们将设计一个场景,表格grid需要在每…

Jquery 右键菜单(ContextMenu)插件使用记录

目前做的项目需要在页面里面用右键菜单,在网上找到两种jquery的右键菜单插件,但是都有各种问题.所以就自己动手把两种插件结合了下. 修改后的右键菜单插架可以根据绑定的触发页面元素不同,复用同一个菜单使之根据触发页面元素有不同的行为.支持多个个触发页面元素复用同一个菜单时,分开禁用或恢复禁用菜单或某些菜单项目. 一些说明: 1.菜单的样式由css文件contextMenu.css决定,可以根据需要自行修改,请根据实际情况设定z-index的值,保证菜单在最高的一层 2.请将菜单直接放于body下…

jquery右键菜单

点击这里体验效果如果要屏蔽页面原来的右键菜单,请设置disable_native_context_menu:true 以下是源代码: <!DOCTYPE html> <html> <head> <title>jQuery右键菜单,上下文菜单-柯乐义</title> <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquer…

几款jQuery右键菜单插件介绍

在网页中使用自定义右键菜单,实现上皆为使用javascript禁用浏览器默认的右键菜单,然后在网页中响应鼠标右键事件,弹出自定义的菜单. 类似右键菜单的组件网上很多.一般而言,改变浏览器的默认菜单应当慎用,这会使多数用户感到不习惯.但是在企业Web应用中,用户的使用环境更加可控,在这种应用中使用自定义右键菜单会更加适合. 以下列举几款比较成熟的jQuery右键菜单插件,我们将逐一介绍,请读者自行比较,并根据自己的需求选择. 1.VERY SIMPLE CONTEXT MENU-Intekhab…

【WPF】右键菜单ContextMenu可点击区域太小的问题

问题描述正常使用右键菜单ContextMenu时,如果菜单项是不变的,可以直接在XAML中写死,如下是给一个Button按钮添加了右键菜单功能. <Button Content="Test" Width="100" Height="30"> <Button.ContextMenu> <ContextMenu> <MenuItem Header="1"/> <MenuIte…

ExtJS配置TabPanel的鼠标右键菜单(ContextMenu)功能

更新记录 2022年6月14日发布. 2022年6月13日初稿. TabPanel的鼠标右键菜单(ContextMenu)功能介绍开源的TabPanel组件很少做到拖拽调整tab顺序功能的,支持鼠标右键菜单(ContextMenu)功能就更少了,有意思的是ExtJS自带这个功能,我也是最近去看库的UX包中才发现的,哈哈.配置就一行代码就可以实现,非常简单. 如何配置在tabpanel中加载tabclosemenu插件即可.编译后就可以看到效果了. 如何进行汉化打开ExtJS项目,找到p…

js jQuery 右键菜单清屏

主要用到了oncontextmenu事件,在oncontextmenu事件中使用return false 屏蔽掉原生右键菜单,再使用event获取鼠标的坐标位置,设置自定义菜单的位置. http://swisnl.github.io/jQuery-contextMenu/demo.html https://swisnl.github.io/jQuery-contextMenu/docs.html http://www.hangge.com/blog/cache/detail_1821.html…

WPF 如何控制右键菜单ContextMenu的弹出

在具体做一些项目的时候,有时候需要需要先左键点击某个节点,然后再右键点击节点的时候才弹出右键菜单,所以直接右键点击时需要禁用掉右键菜单,这里比如我们为Grid添加了ContextMenu,但是我们需要设置一个bool型的变量isSelected,当我们执行到MouseLeftButtonDown事件中的时候,我们就可以将isSelected设置为true,然后在Grid中添加PreviewMouseRightButtonUp="OnMouseRightButtonUp"(隧道事件路由)…

几款jQuery右键菜单插件

1.jQuery Very Simple ContextMenu Plugin 2.ContextJS Project Page:http://lab.jakiestfu.com/contextjs/ 3.JEEGOOCONTEXT Project Page: http://www.planitworks.nl/jeegoocontext/ 4.JQUERY CONTEXT MENU Project Page:http://www.dynamicdrive.com/dynamicindex1/c…

js(jquery)右键菜单插件的实现

今天开发一个项目的时候需要一个模拟鼠标右键菜单的功能.也就是在网页点击鼠标右键的时候不是弹出系统的菜单而是我们制定的内容.这样可以拓展右键的功能.实现过程不多说了,写出来的代码和效果如下: js部分: //创建右键菜单 var epMenu={ create:function(point,option){ var menuNode=document.getElementById('epMenu'); if(!menuNode){ //没有菜单节点的时候创建一个 menuNode=document…

JQuery之ContextMenu(右键菜单)

插件下载地址:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js压缩版:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.js Jquery主页: http://jquery.com/ 插件中的参数说明: Parametersmenu_idThe id of the menu as d…

jquery树形菜单

转自:http://keleyi.com/dev/3068696139522ae4.htm 代码: <!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"&g…

[xPlugins] jQuery Contextmenu右键菜单

[2012-04-12] Contextmenu 右键菜单 v0.1 版本发布 [功能] 在特定区域弹出右键菜单 [功能] 可以在弹出右键菜单区域内,再屏蔽某个小区域. [功能] 有两种方式添加右键菜单项,参数配置添加和指定ID项. [功能] 支持事件回调,有两种,一种以参数配置方式对应回调,指定ID项统一回调,可根据设置链接标签区别. [2012-04-29]Contextmenu 右键菜单 v0.2版本更新 [修正] 修正了指定ID添加内容在不存在时的bug. [新增] 新增了菜单失效后变成…

3种不同的ContextMenu右键菜单演示

简单使用的右键菜单,希望能帮助大家.下面是截图和实例代码实例预览 <!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"> <head>…

jQuery自定义Web页面鼠标右键菜单

jQuery自定义Web页面鼠标右键菜单右键菜单是固定的,很多时候,我们需要自定义web页面自定义菜单,指定相应的功能. 自定义的原理是:jQuery封装了鼠标右键的点击事件(“contextmenu”),首先屏蔽浏览器原始的点击事件,接着,写自己的需要的显示的右键菜单最后,就是什么时候隐藏显示出的右键菜单了. 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww…

jquery实现右键菜单

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery自定义区域的鼠标右键菜单</title> <style type="text/css"> #mask{position: absolute;left: 0;top:…

Jquery如何禁止鼠标右键菜单

jquery中使用contextmenu事件,如果返回true,则允许右键菜单:如果返回false,则禁止右键菜单导入文件 <script type="text/javascript" src="jquery.min.js"></script> js方法 <script> $(function(){ //contextmenu事件返回false则屏蔽鼠标右键菜单 $(document).bind("contextmen…

JQuery模拟网页中自定义鼠标右键菜单

题外话.......最近在开发一个网站项目的时候,需要用到网页自定义右键菜单,在网上看了各路前辈大神的操作,头晕目眩,为了达到目的,突然灵机一动,于是便有了这篇文章. 先放个效果图(沾沾自喜,大神勿喷): 废话不多说,进入正题: 1.首先我们要禁用掉原网页中右键菜单 //JQuery代码 $(selector).on('contextmenu', function () { return false; }) 这样目标区域的右键菜单就无法使用了 demo1: <!DOCTYPE html> &…

jQuery EasyUI 右键菜单--关闭标签/选项卡

目录结构: noContextMenu.js 文件内容如下: $(function(){ //屏蔽右键菜单 $(document).bind("contextmenu", function(e){ return false; }); }); 效果图: 方式一: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOC…

js进阶 12-18 jquery如何实现自定义右键菜单（把问题分细）

js进阶 12-18 jquery如何实现自定义右键菜单(把问题分细) 一.总结一句话总结:用鼠标右键事件contextmenu,阻止系统默认事件,让做好的右键菜单显示出来,并且显示在我们出现的位置上即可. 1.鼠标右击事件是什么事件? contextmenu事件 2.自己遇到功能要实现,而之前没学过怎么办(不可能把所有的功能都讲到都学到)? 先把功能分类,找到是哪一块然后去查这一块的手册 3.要做自己的右键菜单,那么对于系统的右键菜单我们如何操作? 禁止掉,用e.preventDefau…

JS组件系列——Bootstrap右键菜单解决方案：ContextMenu

前言:有段时间没发表随笔了,过个年人都变得懒了.新年刚来上班,今天正好得空,将去年遗留的两个小组件总结记录下.有朋友跟我说:你的bootstrap组件要能够形成一个可以满足一般项目需求的系列组件,才有真正的实用价值.想想说得在理.这不今天来总结下bootstrap的一个小组件的应用.好了,不说废话,进入正题吧. 一.ContextMenu介绍年前,博主接到一个需求:表格行调序,支持多选调序,并且可以不连续多选.什么意思呢?先来看看需要实现的效果图: 需求是:需要将选中的6.8.9行移动到第2行…

Jquery EasyUI中treegrid的中右键菜单和一般按钮同时绑定事件时的怪异事件

做个项目使用jquery easyui来做前端,也许是对此不是很熟悉,总是发现一些不可理解的事件. 主要源代码如下: <script type="text/javascript"> $(function(){ var access_editingId; //当前正在编辑的 var access_lastChildName; var access_addclick=0; //点击了添加 $('#access_tg').treegrid({ //右键 onContextMen…

(C#)Windows Shell 外壳编程系列7 - ContextMenu 注册文件右键菜单

原文 (C#)Windows Shell 外壳编程系列7 - ContextMenu 注册文件右键菜单 (本系列文章由柠檬的(lc_mtt)原创,转载请注明出处,谢谢-) 接上一节:(C#)Windows Shell 外壳编程系列6 - 执行从本节起,我所要讲述的是对 Windows 系统的“Shell 扩展”.“Shell 扩展”从字面上分两个部分:Shell 与 Extension.Shell 指 Windows Explorer,而Extension 则指由你编写的当某一预先约定好的事件…

Angular2+实现右键菜单的重定义--contextmenu

在做需求时用到video这个html5的新增标签,然后公司要求把video的右键屏蔽了去,我在网上找了很久没找到完整的方法来实现这个功能,只能自己摸索着来. 不说废话,先上干货 0.0 video.component.html <video #myVideo (contextmenu)="nomenu($event)"> <source src="data/html5-1.mp4" type="video/mp4" />…

用jQuery修改右键菜单

概述以前在网上找过屏蔽右键菜单的代码,也找过屏蔽F12的代码,今天无意之中看到别人的右键菜单很有意思,我也想来搞一个. 思路建立一个菜单并且隐藏起来. 用window.oncontextmenu屏蔽鼠标右键的默认事件. 判断鼠标点击事件的类型,如果为右键则在把菜单显示并且移动到鼠标位置. 点击鼠标左键时,隐藏菜单. 代码示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo…

vue2.0的contextmenu右键菜单

1.事情对象 <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"></script> <script type="text/javascript"> window…

WPF中ContextMenu(右键菜单)使用Command在部分控件上默认为灰色的处理方法

原文:WPF中ContextMenu(右键菜单)使用Command在部分控件上默认为灰色的处理方法问题描述今天发现如果我想在一个TextBlock弄一个右键菜单,并且使用Command绑定,结果发现默认菜单式不可用的. 问题原因这个问题不知道算不算BUG,反正如果是在一个不可获得的焦点的东西上面使用ContextMenu,CanExecute的事件路由就会停止在ContextMenu,就没办法到达窗体上.一个解决的方案是吧CommandTarget设置到窗体上去. 事例代码 <Window…

【jQuery右键菜单ContextMenu使用笔记】的更多相关文章