jquery 右键插件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery 右键菜单示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="path/to/your/contextmenu.js"></script>
    <link rel="stylesheet" href="path/to/your/contextmenu.css">
</head>
<body>
    <div id="content">右键点击这里查看菜单</div>

    <script>
        $(document).ready(function() {
            $('#content').contextmenu({
                menu: [
                    {header: '菜单项1'},
                    {text: '菜单项2', action: function(e, item) { alert('你点击了菜单项2'); }},
                    {divider: true},
                    {text: '菜单项3', action: function(e, item) { alert('你点击了菜单项3'); }}
                ]
            });
        });
    </script>
</body>
</html>

/* 自定义右键菜单样式 */
.contextmenu {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
}

.contextmenu-item {
    padding: 5px 10px;
    cursor: pointer;
}

.contextmenu-item:hover {
    background-color: #e9e9e9;
}