+
95
-

原生js怎么实现一个右键菜单效果?

请问原生js怎么实现一个右键菜单效果?

网友回复

+
15
-

用 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%

我知道答案,我要回答