js实现右键弹出自定义的菜单
实现的步骤:1、首先阻止右键弹出系统默认的菜单
2、自定义菜单并隐藏
3、点击右键弹出自定义菜单
4、点击桌面除菜单任意位置,菜单隐藏,点击菜单,菜单不隐藏。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
margin: 0;
padding:0;
}
li{
list-style: none;
height: 30px;
width: 80px;
text-align: center;
line-height: 30px;
border-top: 1px solid rgb(187, 181, 181);
}
.mydiv{
margin:20px auto;
width: 400px;
height: 300px;
background-color: rgb(170, 238, 232);