请问原生js怎么实现一个右键菜单效果?
网友回复
用 window.oncontextmenu实现,代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {
margin: 0;
padding: 0;
}
ul {
list-style-type: none;
position: absolute;
width: 180px;
background-color: #fff;
border: 1px solid rgb(211, 211, 211);
padding: 4px 0;
display: none;
}
ul li {
margin-bottom: 4px;
border-bottom: 1px solid rgb(211, 211, 211);
padding: 0 16px;
line-height: 30px;
height: 30px;
}
ul li:last-child {
margin-bottom: 0;
border-bottom: none;
}
ul>li>a:first-child {
float: left;
}
ul>li>a:last-child {
float: right;
color: rgb(156, 156, 156);
}
a {
text-decoration: none;
font-size: 12px;
col...点击查看剩余70%


