html5 右键菜单案例

 

   contextmenu属性

 

• html5中，元素新增这个属性

 

<div contextmenu="myMenu">可以通过contextmenu指定对应id，右键我试试哈</div>

 

   然后就用到menu 标签了，别忘了设置type为context：

 

<menu id="myMenu" type="context">
	<menuitem icon="*.gif" label="测试1" onclick="test(this)"></menuitem>
	<menuitem icon="*.gif" label="测试2" onclick="alert(2)"></menuitem>
</menu>

 

• menuitem有以下属性：

1. label             菜单显示的名称
2. icon              菜单左侧的图标
3. onclick        点击菜单触发的事件