# ContextMenu

**Repository Path**: iotaoo/context-menu

## Basic Information

- **Project Name**: ContextMenu
- **Description**: 右键菜单js 函数库，用于自动生成一个右键菜单的方法
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-20
- **Last Updated**: 2022-05-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#### 使用说明

1. 向需要的目标元素绑定 contextMenu事件，绑定后，默认鼠标右键事件会清除

2. 传入参数menu-element，自己需要传入的内容

   ```html
   <!-- 例如 -->
   <ul>
       <li>这个是菜单1</li>
       <li>这个是菜单2</li>
       <li>这个是菜单3</li>
       <li>这个是菜单4</li>
   <ul>	
   ```

3. 使用案例

   ```html
   <h1 oncontextMenu="contextMenuEvent()">鼠标右键菜单</h1>
   <script>
       let menus = `<ul>
           <li>这个是菜单1</li>
           <li>这个是菜单2</li>
           <li>这个是菜单3</li>
           <li>这个是菜单4</li>
       <ul>`;
       
   	function contextMenuEvent() {
   		let { handleMenus } = new ContextMenu(menus);
   		handleMenus().then(res => {
   			console.log(res)
   		});
   	}
   </script>
   ```