一个带有上下文菜单的 <div> 元素

<style>

  div {

    width: 300px;

    height: 80px;

    background-color: lightgreen;

  }

</style>

​

<div contextmenu="popup-menu">

  右键单击以查看调整后的上下文菜单

</div>

​

<menu type="context" id="popup-menu">

  <menuitem type="checkbox" onclick="toggleOption()" checked="true">Checkbox</menuitem>

  <menuitem type="command" label="Command" icon="icon.png" onclick="doSomething()">Checkbox</menuitem>

  <menuitem type="radio" name="group1" onclick="option()" checked="true">Radio button 1</menuitem>

  <menuitem type="radio" name="group1" onclick="option()">Radio button 2</menuitem>

</menu>

​