如何给元素添加自定义右键菜单

js add context menu to html element

js, context, menu

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 1143
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

HTML

<div>
        <h1>自定义鼠标右键弹出菜单</h1>
    </div>

<table id="mt" class="table">
        <thead>
            <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>Ty</td>
                <td>Stelmach</td>
                <td>@TyStelmach</td>
            </tr>
            <tr>
                <td>2</td>
                <td>Andy</td>
                <td>Hawkins</td>
                <td>@ahawkins</td>
            </tr>
            <tr>
                <td>3</td>
                <td>Lawrence</td>
                <td>Bird</td>
                <td>@LarryBird</td>
            </tr>
            <tr>
                <td>4</td>
                <td>Sally</td>
                <td>Saran</td>
                <td>@SalPal</td>
            </tr>
            <tr>
                <td>5</td>
                <td>Heather</td>
                <td>Long</td>
                <td>@HeatherLong</td>
            </tr>
        </tbody>
    </table>

<div id="contextMenu" class="dropdown clearfix">
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display:block;position:static;margin-bottom:5px;">
            <li><a tabindex="-1" href="#">Action 1</a>
            </li>
            <li><a tabindex="-1" href="#">Action 2</a>
            </li>
            <li><a tabindex="-1" href="#">Some More Actions</a>
            </li>
            <li class="divider"></li>
            <li><a tabindex="-1" href="#">Final Action</a>
            </li>
        </ul>
    </div>

</div>

js add context menu to html element

js, context, menu

编辑器支持Emmet

快捷键

js add context menu to html element

js, context, menu

汉堡菜单图标的5个常用变形动画（左右箭头和关闭添加）

17个单元素构建的汉堡菜单（含点击交互变形动画）

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：