javascript自定义右键弹出菜单

最新推荐文章于 2023-12-13 21:06:47 发布
最新推荐文章于 2023-12-13 21:06:47 发布
阅读量94 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/yidianfeng/archive/2009/01/08/1372089.html
版权
<head runat="server">
    <title>无标题页</title>
     <script type="text/javascript">
    var oPopup = window.createPopup();
    function PopMenu(id)
    {
        var oPopBody = oPopup.document.body;
        oPopBody.style.backgroundColor = "buttonface";
        oPopBody.style.border = "solid black 1px";
        var TableBegin="<table style=\"border: 0; width: 100%; font-size: 12px;\" cellpadding=\"0\" cellspacing=\"0\">";
        var Tr1="<tr><td valign=\"middle\" style=\"height: 20px;\" οnmοusemοve=\"this.bgColor='highlight';this.style.color='highlighttext'\" οnmοuseοut=\"this.bgColor='';this.style.color=''\" οnclick=\"parent.window.open('/news/view.asp?id="+id+"');\">查看新闻</td></tr>";
        var TrBr1="<tr><td style=\"background-color: ThreeDShadow; height: 1px;\"></td></tr>";
        var Tr2="<tr><td valign=\"middle\" style=\"height: 20px;cursor:hand;\" οnmοusemοve=\"this.bgColor='highlight';this.style.color='highlighttext'\" οnmοuseοut=\"this.bgColor='';this.style.color=''\" οnclick=\"parent.document.frames['main'].location='divdiv.aspx?id="+id+";'\">查看新闻</td></tr>";
        var TableEnd="</table>";
        oPopBody.innerHTML =TableBegin+Tr1+TrBr1+Tr2+TableEnd;
        oPopup.show(event.x, event.y, 90, 41, document.body);
        return false;
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <a href='javascript:void(0);' οncοntextmenu='PopMenu(1);return false;'>
                <img   alt="" src='1.gif' style="border:0;width:150px;height:110px; cursor:hand"/>
                <br/>
            </a>
            <iframe name="main" frameborder="0" width="100%" scrolling="auto" height="100%">
            </iframe>
        </div>
    </form>
</body>
</html>

转载于:https://www.cnblogs.com/yidianfeng/archive/2009/01/08/1372089.html

weixin_34067049
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js实现右键弹出自定义菜单
10-14
主要为大家详细介绍了js实现右键弹出自定义菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JS实现页面右键菜单
Web_boom的博客
06-01 7956
首先，实现右键菜单我们需要用到 事件,事件会在用户右击鼠标时触发。我们将其绑定到 上： 。然后，通过 方法阻止掉原有的右键菜单，为我们绑定上新的功能做好准备工作。 创建对应的菜单，并绑定上对应的功能函数： 当然，现在它还是固定的，不能移动。我们将菜单绝对定位，然后利用事件属性 获取触发点相对于页面的坐标，然后将坐标值动态赋给菜单的属性,就实现了菜单跟鼠标的触发点联动。 现在菜单虽然能跟鼠标联动了，但它现在还不能在默认情况下隐藏。怎么办？很简单，现在菜单是绝对定位的，我们只要在初始状态下将它移出视野即可：
CSS3过渡效果小练习-进度条
nuomi_w的博客
11-15 1392
Document
js里右键显示自定义菜单
最新发布
2302_77741358的博客
12-13 142
自定义菜单
javascript自定义右键弹出菜单实现方法
10-24
总的来说，实现JavaScript自定义右键弹出菜单的关键在于理解鼠标事件、DOM操作以及如何阻止浏览器的默认行为。通过创建popup对象、构建菜单HTML结构、处理鼠标事件，我们可以创建出符合需求的自定义右键菜单，提高...
jQuery自定义右键弹出菜单代码
06-05
本项目“jQuery自定义右键弹出菜单代码”就是利用jQuery来实现一种类似于电脑桌面的右键菜单功能，当用户在网页上右击鼠标时，会弹出一个具有多种选项的下拉菜单，提供了良好的用户体验。 首先，我们要了解jQuery的...
javascript自定义右键弹出菜单实现方法.docx
01-18
javascript自定义右键弹出菜单实现方法.docx
jQuery自定义右键弹出菜单代码.zip
09-23
《jQuery自定义右键弹出菜单代码》 在网页开发中，用户交互是提升用户体验的重要环节，而右键菜单作为常见的交互方式之一，能够提供快捷的操作选项。jQuery库以其简洁的API和强大的功能，常被用于实现这类效果。本...
JavaScript实现右键菜单
如诗
11-22 711
JavaScript实现博客的右键菜单
JS鼠标右击弹出菜单效果
01-23
JS鼠标右击弹出菜单效果 JS鼠标右击弹出菜单效果 JS鼠标右击弹出菜单效果
js固定区块右键弹出菜单代码
06-24
js固定区块右键弹出菜单代码是一款点击鼠标右键弹出菜单选择效果代码。
javascript实现table单元格点击展开隐藏效果(实例代码)
11-27
如果table元素的高如果不设置，是根据内容撑开的，根据这个规则，可以用js控制默认状态下table-cell的宽度，并将这一列的table-cell设置为dispaly：block，这样多出来的内容就会被隐藏掉，添加点击事件，把table-cell的display在block和table-cell之间切换，就能实现点击展开隐藏效果啦！ js代码如下： $('.cell').click(function(){ if($(this).css('display')=='block'){ console.log('ok'); $(this).css('display'，'tab
JS模拟WINDOW,右键弹出下拉菜单
06-21
模拟WINDOW,右键弹出下拉菜单模拟WINDOW,右键弹出下拉菜单
js 右键弹出自定义菜单
yushun的博客
01-08 817
js 右键弹出自定义菜单
js实现右键弹出自定义的菜单
HaiRong_21的博客
09-09 2465
js实现右键弹出自定义的菜单 实现的步骤：1、首先阻止右键弹出系统默认的菜单 2、自定义菜单并隐藏 3、点击右键弹出自定义菜单 4、点击桌面除菜单任意位置，菜单隐藏，点击菜单，菜单不隐藏。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca
js 模拟右键菜单
weixin_30780649的博客
07-12 254
不经意地被一位同事问起在javascript里面如何检测右键事件，并且屏蔽原来的右键菜单，上网查找一翻之后发现一些比较简单的方法。如设置onmousedown，检查其event.button的值是不是2（代表右键）。这个方法在FF和IE中都可用，但是在Maxthon（遨游）中event.button却是0，这让我有点困惑，Maxthon不是IE内核的吗？我只能设想Maxt...
js实现 html 鼠标右键 菜单
09-23
根目录 菜单一 菜单二 go 修改 删除 function showMenu(id){ menuForm.id.value = id; if("" == id){ } else{ popMenu(itemMenu,100,"111"); } event.returnValue=false; event.cancelBubble=true; return false; } /** *显示弹出菜单 *menuDiv:右键菜单的内容 *width:行显示的宽度 *rowControlString:行控制字符串，0表示不显示，1表示显示，如“101”，则表示第1、3行显示，第2行不显示 */ function popMenu(menuDiv,width,rowControlString){ //创建弹出菜单 var pop=window.createPopup(); //设置弹出菜单的内容 pop.document.body.innerHTML=menuDiv.innerHTML; var rowObjs=pop.document.body.all[0].rows; //获得弹出菜单的行数 var rowCount=rowObjs.length; //循环设置每行的属性 for(var i=0;i<rowObjs.length;i++) { //如果设置该行不显示，则行数减一 var hide=rowControlString.charAt(i)!='1'; if(hide){ rowCount--; } //设置是否显示该行 rowObjs[i].style.display=(hide)?"none":""; //设置鼠标滑入该行时的效果 rowObjs[i].cells[0].onmouseover=function(){ this.style.background="#818181"; this.style.color="white"; } //设置鼠标滑出该行时的效果 rowObjs[i].cells[0].onmouseout=function(){ this.style.background="#cccccc"; this.style.color="black"; } } //屏蔽菜单的菜单 pop.document.oncontextmenu=function(){ return false; } //选择右键菜单的一项后，菜单隐藏 pop.document.onclick=function(){ pop.hide(); } //显示菜单 pop.show(event.clientX-1,event.clientY,width,rowCount*25,document.body); return true; } function create(){ alert("create" + menuForm.id.value + "!"); } function update(){ alert("update" + menuForm.id.value + "!"); } function del(){ alert("delete" + menuForm.id.value + "!"); } function clickMenu(){ alert("you click a menu!"); }
layui鼠标右键单击弹出自定义菜单事件
06-07
您可以使用 layui 的 `contextmenu` 模块来实现鼠标右键单击弹出自定义菜单事件。具体步骤如下： 1. 引入 `contextmenu` 模块和所需的样式文件： ```html <script src="layui/layui.js"></script> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值