Jquery 右键菜单

最新推荐文章于 2022-09-05 15:33:13 发布
最新推荐文章于 2022-09-05 15:33:13 发布
阅读量364 收藏
点赞数
分类专栏： jquery 文章标签： jquery function path menu

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  

<%  

String path = request.getContextPath();  

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  

%>  

  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  

<html>  

 <head> 

<base href="<%=basePath%>">  

 <title>旦旦而学</title>  

 <meta http-equiv="pragma" content="no-cache">  

<meta http-equiv="cache-control" content="no-cache">  

    <meta http-equiv="expires" content="0">      

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  

    <meta http-equiv="description" content="This is my page">  

      

      

      

    <mce:script type="text/javascript" src="js/jquery-1.4.2.js" mce_src="js/jquery-1.4.2.js" ></mce:script>  

    <mce:script type="text/javascript" src="js/contextmenufunction.js" mce_src="js/contextmenufunction.js" ></mce:script>  

    <mce:script type="text/javascript" src="js/jquery.contextmenu.js" mce_src="js/jquery.contextmenu.js" ></mce:script>  

    <link rel="stylesheet" type="text/css" href="js/jquery.contextmenu.css" mce_href="js/jquery.contextmenu.css">  

    <SCRIPT type="text/javascript">  

    function addMeetShow(){  

        alert('悟空、有妖孽!');  

    }  

    function myrefresh(){  

        window.location.reload();  

    }  

    function myMenu3(){  

        alert('方法3');  

    }  

    function myMenu4(){  

        alert('方法4');  

    }  

    function myMenu5(){  

        alert('方法5');  

    }  

    function myMenu6(){  

        alert('方法6');  

    }  

          

    function showContextMenu(id) {  

        var menu = [  

        {  

            '新增':{  

                onclick:function(menuItem,menuObject) {  

                    addMeetShow();  

                    return false;  

                },  

                icon:'<%=path %>/images/icons/btn_new2_16x16.gif'  

            }  

        },  

        $.contextMenu.separator,  

        {  

            '刷新':{  

                onclick:function(menuItem,menuObject) {  

                    myrefresh();  

                    return false;  

                },  

                icon:'<%=path %>/images/icons/refresh.gif'  

            }  

        },  

        $.contextMenu.separator,  

        {  

            '3新':{  

                onclick:function(menuItem,menuObject) {  

                    myMenu3();  

                    return false;  

                },  

                icon:'<%=path %>/images/icons/refresh.gif'  

            }  

        },  

        $.contextMenu.separator,  

        {  

            '4新':{  

                onclick:function(menuItem,menuObject) {  

                    myMenu4();  

                    return false;  

                },  

                icon:'<%=path %>/images/icons/refresh.gif'  

            }  

        },  

        $.contextMenu.separator,  

        {  

            '5新':{  

                onclick:function(menuItem,menuObject) {  

                    myMenu5();  

                    return false;  

                },  

                icon:'<%=path %>/images/icons/refresh.gif'  

            }  

        },  

        $.contextMenu.separator,  

        {  

            '6新':{  

                onclick:function(menuItem,menuObject) {  

                    myMenu6();  

                    return false;  

                },  

                icon:'<%=path %>/images/icons/refresh.gif'  

            }  

        }  

        ];  

        $(document).contextMenu(menu,{showTransition:'myCustomShow',hideTransition:'myCustomHide',showSpeed:500,hideSpeed:500,useIframe:false,shadow:false,theme:'vista'});  

    }         

          

          

    </SCRIPT>  

    <mce:style><!--  

    body{ margin: 0;font-size:12px}  

    .rightkey{font-size: 12px;}  

      

--></mce:style><style mce_bogus="1"> body{ margin: 0;font-size:12px}  

    .rightkey{font-size: 12px;}  

    </style>  

  </head>  

    

  <body oncontextmenu="showContextMenu('0')">  

    <div id="testDiv">  

        <h3>请单击鼠标右键！！！</h3>  

    </div>  

  </body>  

</html>  

么知道呀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery右键菜单
12-02
jquery右键菜单
后台管理系统：实现右键菜单（jQuery的contextMenu插件使用详解）
eqilin2022的博客
01-12 1055
（1）contextMenu 是一个专门用于 Web 应用的右键菜单插件。
【jQuery】简单的右键菜单
冰冷的希望的博客
06-17 1586
1.说明 在浏览器点击右键会弹出一个浏览器自带的默认菜单，不过有些场景我们需要一个自定义的菜单，这时候我们要阻止默认菜单并显示我们自己做好的菜单 2.代码 我们简单使用ul和li创建一个菜单 HTML代码 <ul class="contextmenu"> <li> <span>详情</span> </li> <li> <span>功能1</span>
基于jQuery的鼠标右键菜单
从零出发
05-27 7278
对于自制的鼠标右键功能，我们应该考虑哪些因素呢？一、涉及因素1、阻止默认鼠标右键事件。3、右键事件，使菜单出现。2、考虑右键菜单出现的位置，是否超出窗口。4、点击窗口任意位置，菜单消失。二、具体代码及分析如下：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt...
JQuery---右键菜单版本一
xxb2008的专栏
05-08 1597
今天，有点积级写了个JQuery右键菜单，版本一，以后有需要再优化出版本二，哈！，记录一下 jquery.rightMenu.js ; /*   * feifei--rightMenu.1.0   *  which : right,   //right middle left  menus:[      {          name:"name",  //菜单名          cli
jquery 右键菜单实现
songqiang2011的博客
01-17 2209
&lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;         &lt;meta charset="utf-8" /&gt;         &lt;title&gt;&lt;/title&gt;         &lt;link rel="stylesheet" href="css/context
JQuery右键菜单插件ContextMenu使用指南
12-12
插件下载地址: http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js 压缩版: ...Jquery主页: http://jquery.com/ 通过此插件可以在不同... 代码如下: <... JQuery右键菜单 </TITLE>  
jquery右键菜单实现
08-07
jquery右键菜单实现
Jquery 右键菜单
04-18
Jquery 右键菜单
jquery EasyUi tree实现右键菜单
weixin_46388225的博客
09-05 443
Jquery EasyUi tree实现右键菜单
jQuery实现右键菜单源码
10-20
jQuery实现右键菜单 jQuery实现右键菜单 jQuery实现右键菜单 jQuery实现右键菜单 jQuery实现右键菜单
jQuery右键菜单contextMenu使用实例
12-03
在下面我们将设计一个场景，表格grid需要在每行实现鼠标右键，增加，删除，保存操作。grid我就用gridview了，随便用微软提供的样式，测试用例不用搞的多好看嘛，我也不是做美工了，哈哈，偷偷懒。 先上效果图，是有些同志说的有图才有真相嘛： ui代码： 代码如下: <%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Default2.aspx.cs” Inherits=”Default2″ %> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http
jQuery动态生成表格及右键菜单功能示例
10-20
主要介绍了jQuery动态生成表格及右键菜单功能,结合实例形式分析了jQuery表格的动态操作及鼠标事件响应相关技巧,需要的朋友可以参考下
jquery插件ContextMenu设置右键菜单
10-20
主要介绍了jquery插件ContextMenu设置右键菜单的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jQuery鼠标右键点击弹出菜单特效代码
03-20
jQuery鼠标右键点击弹出菜单基于bootstrap-3.3.6制作，在页面指定区域鼠标点击右键弹出功能菜单。
使用jQuery实现右键菜单
weixin_44521686的博客
08-11 465
var arr = ["新建", "复制", "剪切", "粘贴", "删除"]; var cloneDiv,selectDiv; var ul=$("<ul></ul>").appendTo("body").css({ listStyle: "none", margin: 0, padding: 0, position: "absolute", display: "none", zIndex: 999, }).mouseleave
echarts右键菜单
最新发布
09-02
然后，通过jQuery绑定鼠标右键事件，在事件回调函数中阻止浏览器的默认右键菜单弹出。 接着，在事件回调函数中设置右键菜单的位置，根据鼠标点击的位置进行定位，并将其显示出来。 同时，还需要添加一个点击画布的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值