您现在的位置是：网站首页> 编程资料编程资料

HTML5中原生的右键菜单创建方法全面了解html.css溢出使用HTML5里的classList操作CSS类HTML简述(新手必看) ppt版浅谈HTML代码中的空格和空行HTML5 canvas基本绘图之图形组合htm初学笔记(新手必看)

2021-08-31 691人已围观

简介 这篇文章主要为大家详细介绍了HTML5中原生的右键菜单创建方法，教大家如何用基本的HTML标记来创建个性化的右键菜单，感兴趣的小伙伴们可以参考一下

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

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

HTML代码

首先我们定义一个HTML区域，给它分配一个ID，之后我们要用到这个ID：

XML/HTML Code复制内容到剪贴板
  1. <section contextmenu="mymenu">  
  2.