自定义右键菜单
实现原理
为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函数(或叫类)的对象。