zoukankan      html  css  js  c++  java
  • 自定义右键菜单

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


  • 相关阅读:
    ul前面有40px的距离怎么办
    JQuey中 attr('checked', true)设置状态只有第一次有用
    只有一个RADIO的单选框如何在选中后取消选中
    为Table中的thead加上边框
    ADB 无线连接设备
    面试准备的内容
    蓝牙MESH相关代码
    怎样重构代码
    safari 调试iPhone web页面
    Appium1.6.4 真机运行ios10.3.1 填坑记
  • 原文地址:https://www.cnblogs.com/kuikui/p/2349529.html
Copyright © 2011-2022 走看看