自定义右键菜单
自定义右键菜单
实现原理
为body添加一个div，当点击右键的时候，显示div。
1、创建一个RightMenu函数
属性有设置背景backgroundColor、设置上边框borderTop、设置右边框borderRight、设置下边框borderBottom、设置左边框borderLeft，并为属性指定默认值。
方法有添加项AddItem、添加线AddLine、初始化Init。
2、AddItem和AddLine方法介绍
首先，创建一个数组this.MenuContent = [];
将添加项和添加线保存在这个数组中。
AddItem方法
name指名称 fn指点击时出发的函数 img 指图片
this.AddItem = function (name,fn,img){
this.MenuContent[this.MenuContent.length] = [name , fn , img];
}
AddLine方法
this.AddLine = function (){
this.MenuContent[this.MenuContent.length] = "line";
}
3、初始化
创建一个div，并将这个div添加到body中。根据this.MenuContent中的每一项，判断是添加项还是线。最后将div的位置设置为鼠标右键点击的位置。
4、最后，设置一个全局状态属性rightMenuStatus，判断是创建了RightMenu函数（或叫类）的对象。
