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


  • 相关阅读:
    Django REST framework+Vue 打造生鲜电商项目(笔记三)
    「数据结构与算法之链表(Python)」(四)
    微服务的注册中心
    git学习(十一) idea git pull 解决冲突
    git学习(十) idea git reset 操作
    git学习(九) idea git stash操作
    git学习(八) git stash操作
    git 学习笔记
    git学习(五) git diff操作
    git:Your branch and 'origin/master' have diverged
  • 原文地址:https://www.cnblogs.com/kuikui/p/2349529.html
Copyright © 2011-2022 走看看