前端右键菜单,html鼠标右键菜单

　　即使JavaScript被禁止，这些右键菜单仍然可以正常显示。所以，如果你想尊重用户的选择，最好的办法就是用JavaScript创建这些菜单元素，并注入到DOM元素中，这样当JavaScript被禁止时，这些右键菜单就不会显示了。

　　HTML5规范中有一个好东西被大家忽略了，那就是右键菜单。HTML5中的右键菜单规范表明，程序员可以通过创建简单的HTML5menu和menuitem标签来生成右键菜单。该菜单只显示在指定区域的右键菜单中。所以，你不需要创建浏览器插件来达到这个效果。让我向你展示如何用基本的HTML标签创建个性化的右键菜单！

　　HTML代码

　　首先，我们定义一个HTML区域并给它分配一个ID。之后，我们将使用这个ID:

　　XML/HTML代码将内容复制到剪贴板sectioncontextmenu=mymenu ！-为了让代码清晰整洁，我会把菜单放在这个元素里面- /section定义完这个元素之后，现在让我们来创建真正的菜单元素：

　　XML/HTML代码将内容复制到剪贴板menu type= context id= my menu menuitem label= reload this article onclick= window . location . reload()；icon=/images/refresh-icon . png /menuitem menuitem label=跳转到注释区域 onclick= window . location= # comments ；icon=/images/comment _ icon . gif /menuitem menu label=将此文章共享给. icon=/images/share _ icon . gif menuitem label=新浪微博 icon=/images/Twitter _ icon . gif onclick= goto(/)text= document . title : window . location . href)；/menuitem menuitem label= QQ space icon=/images/脸书_ icon 16 x 16 . gif onclick= goto(//Facebook . com/sharer/sharer . PHP？u= window . location . href)；/menuitem /menu /menu注意，此处menu标记的ID与上面contextmenu中的值一致。这样做的效果是，只有当您右键单击上面的部分区域时，才会显示这些右键菜单。可以在这些菜单中配置菜单名称、菜单图标和onclick事件，以声明它们的含义和要执行的操作。动作可以是预定义的JavaScript动作或内嵌执行的JavaScript代码。同一个菜单可以放在页面的多个区域，不需要重复创建。

　　目前只有火狐浏览器是唯一实现了这个API的浏览器。我一般不喜欢把一些特别重要的功能放在右键菜单里，但是有这样的功能当然很方便。这个API的主要目的是在没有任何负面影响的情况下提高可用性。我放在菜单里的分享功能就是一个很好的例子。我相信你经常在你的项目中使用右键菜单，不是吗？

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。