• 微软原版系统

  • 一键重装系统

  • 纯净系统

  • 在线技术客服

魔法猪系统重装大师 一键在线制作启动 U 盘 PE 系统 用一键重装的魔法拯救失去灵魂的系统
当前位置:首页 > 教程 > 电脑教程

对网页中的任意元素自定义右键菜单

时间:2015年04月02日 15:23:58    来源:魔法猪系统重装大师官网    人气:17658

一、一些概念:

1、鼠标事件有一个botton属性:返回一个整数,用于表示点击的是哪个鼠标按键。
BUG:在IE和标准DOM的鼠标事件中,唯一一个button属性值相同的是“单击右键”事件,都返回2。

2、事件onmousedown:表示鼠标按键按下的动作。
  事件oncontextmenu:点击鼠标触发的另一个事件。

3、中断默认事件处理函数的方法:IE中设置returnValue=false;  标准DOM中调用prevemtDefault()方法。

4、事件对象:①在IE中,事件对象是window对象的一个event属性。

声明:

②在标准DOM中,事件对象是事件处理函数的唯一参数

声明:


解决兼容性:

二、实现:

HTML:

    

Uncle Cat is a fat white cat !

javascript:

window.onload=function(){
    rightmenu('p1','d1');
}
/****
* 封装右键菜单函数:
*elementID   要自定义右键菜单的 元素的id
*menuID  要显示的右键菜单DIv的 id
*/
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);
}
}
对,网页,中的,任意,元素,自定义,右键,菜单,一,
栏目:电脑教程 阅读:1000 2023/12/27
Win7教程 更多>>
U盘教程 更多>>
Win10教程 更多>>
魔法猪学院 更多>>

Copyright © 2015-2023 魔法猪 魔法猪系统重装大师

本站发布的系统仅为个人学习测试使用,请在下载后24小时内删除,不得用于任何商业用途,否则后果自负,请支持购买微软正版软件。

在线客服 查看微信 返回顶部