html5规定元素的上下文菜单属性contextmenu

实例

规定 div> 元素的上下文菜单。上下文菜单会在用户右键点击元素时出现：

div contextmenu="mymenu">
    menu tyPE="context" id="mymenu">
      menuITem label="Refresh">
    /menuitem>
      menuitem label="Twitter">
    /menuitem>
    /menu>
    /div>
    

浏览器支持

Firefox

目前只有 Firefox 支持 contextmenu 属性。

定义和用法

contextmenu 属性规定元素的上下文菜单。当用户右键点击元素时，会出现上下文菜单。

contextmenu 属性的值是要打开的 menu> 元素的 id。

HTML 4.01 与 HTML5 之间的差异

contextmenu 属性是 HTML5 中的新属性。

语法

element contextmenu="menu_id">
    

属性值

conteXMenu属性用于定义div> 元素的上下文菜单，所谓上下文菜单就是用书右键点击元素时候出现。

示例代码：

!doctype html>
      html>
      head>
      meta charset="utf-8">
      title>
     /title>
      /head>
      body>
      div contextmenu="mymenu">
    上下文菜单      menu type="context" id="mymenu">
              menuitem label="微信分享">
    /menuitem>
              menuitem label="微博分享">
    /menuitem>
          /menu>
      /div>
      /body>
      /html>
    

注意：只有火狐浏览器等支持，QQ、IE阵亡、谷歌。。。

以上就是html5规定元素的上下文菜单属性contextmenu的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！