你的位置:首页 > Java教程

[Java教程]javascript自定义右键菜单代码


javascript自定义右键菜单代码:

右键菜单这个再熟悉不过了,使用电脑的话每天几乎都要操作上千遍右键菜单,下面分享一段自定义右键菜单的代码实例,希望能够给需要相关内容的朋友带来帮助,代码实例如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">#d1{ width:100px; height:200px; background-color:green; display:none;}#dl a{ display:block;}</style><script type="text/javascript">window.onload=function(){rightmenu('p1','d1');} function rightmenu(elementID,menuID){ var menu=document.getElementById(menuID);   //获取菜单对象 var element=document.getElementById(elementID);//获取点击拥有自定义右键的 元素 element.onmousedown=function(aevent) {     //设置该元素的 按下鼠标右键右键的 处理函数  if(window.event)aevent=window.event;   //解决兼容性  if(aevent.button==2)  {          //当事件属性button的值为2时,表用户按下了右键    document.oncontextmenu=function(aevent)   {     if(window.event)    {      aevent=window.event;      aevent.returnValue=false;     //对IE 中断 默认点击右键事件处理函数     }    else        {      aevent.preventDefault();     //对标准DOM 中断 默认点击右键事件处理函数     }    }    menu.style.cssText='display:block;top:'+aevent.clientY+'px;'+'left:'+aevent.clientX+'px;'    //将菜单相对 鼠标定位   } } menu.onmouseout=function() { //设置 鼠标移出菜单时 隐藏菜单   setTimeout(function(){menu.style.display="none";},400); }} </script></head><body><p id="p1">对我右键出现菜单</p><div id="d1">  <a>剪切</a>  <a>复制</a>  <a>粘贴</a></div></body></html>

以上代码基本实现需要的效果,当然还不够完善,可以自行完善一下即可,只是提供了一种思路而已。

原文地址是:http://www.51texiao.cn/javascriptjiaocheng/2015/0507/885.html

最原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8097




贵州旅游报价价格贵州旅游景点推荐贵州旅游团报价贵州旅游团购优惠贵州旅游线路报价柳州三月三活动持续几天?柳州三月三活动有什么好玩的? 柳州三月三去哪玩?柳州三月三哪里有庙会? 长隆欢乐世界五一有演出吗?广州长隆欢乐世界五一演出时间? 长隆欢乐世界五一有什么好玩的?广州长隆欢乐世界五一门票价格? 三八节陕西打折免费景区杨凌农博园 三八节陕西打折免费景区黎坪景区 2015广东油菜花景点推荐?广东油菜花什么地方好看? 2015广东油菜花景点有哪些?广东油菜花哪里的好看? 武汉五大最美老街巷推荐 各有风情 “滇黔锁钥” 曲靖不可错过的9大秋游地 APEC小长假 盘点辽宁五处高冷景点 古诗中藏着的无锡美景 跟着小旅背古诗 2015年中国旅游可以免签证的国家有哪些? 去泰国旅行前要准备些什么? 马尔代夫真的会沉吗? 去马尔代夫卡尼岛度蜜月怎么样? IDT71V3558SA200BQG Datasheet IDT71V3558SA200BQG Datasheet IDT5V9885CPFI Datasheet IDT5V9885CPFI Datasheet IDT71V3558SA200BQG8 Datasheet IDT71V3558SA200BQG8 Datasheet 内蒙古到香港游价格 内蒙古到香港游价格 内蒙古到香港游价格 大兴安岭到香港澳门旅游价格 大兴安岭到香港澳门旅游价格 大兴安岭到香港澳门旅游价格 内蒙古到港澳三天两晚价格 内蒙古到港澳三天两晚价格 内蒙古到港澳三天两晚价格