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函数(或叫类)的对象。


  • 相关阅读:
    网络时钟同步SOCKET代码
    NTP时间同步之同步时钟要领
    3分钟 Markdown 快速入门(超详细)(Day_33)
    如何在idea中将项目生成API文档(超详细)(Day_32)
    多条件分页 (Day_31)
    常见判断错误 (Day_30)
    HTML 标签隐藏占用空间与不占用空间(Day_29)
    EasyUI_使用datagrid分页 (Day_28)
    (xxx) is not defined at HTMLInputElement.onblur(Day_27)
    EasyUI系列—点击按钮加载tabs_day26
  • 原文地址:https://www.cnblogs.com/kuikui/p/2349529.html
Copyright © 2011-2022 走看看