功能篇（1）：右键自定义菜单

（一）使用原生JS实现网页右键自定义菜单

效果图：

 代码：

JS:

   //阻止右键默认事件，并用我们定义的事件取缔
    document.addEventListener("contextmenu", e => {
        e.preventDefault()
        showMenu(e)
    })
    //定义菜单栏函数
    const ContextMenu = function (options) {
        let instance;
        //定义生成菜单栏函数
        function createMenu() {
            const ul = document.createElement("ul")
            // 给 ul 添加类名 context-menu
            ul.classList.add("context-menu")
            //解构出我们定义的栏对象
            const { menus } = options
            // 循环生成菜单项
            if (menus && menus.length > 0) {
                for (let menu of menus) {
                    const li = document.createElement("li"