在HTML5中，当触发上下文菜单时执行脚本？-html教程-PHP中文网

在HTML5中，当触发上下文菜单时执行脚本？

WBOY

发布： 2023-08-29 12:01:13

转载

883人浏览过

在html5中，当触发上下文菜单时执行脚本？

使用 HTML5 中的 contextmenu 属性在上下文菜单打开时执行脚本。当用户右键单击时会生成上下文菜单。

示例

您可以尝试运行以下代码来实现contextmenu属性 -

<!Doctype html>
<html>
   <head>
      <title>HTML menuitem Tag</title>
   </head>
   <body>
      <div style = "border:1px solid #000; padding:20px;" contextmenu = "clickmenu">
         <p>Right click inside here....</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/10198">
                            <img src="https://img.php.cn/upload/webcode/000/000/020/176109480315183.png" alt="视野自助系统小型企业版2.0 Build 20050310">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/10198">视野自助系统小型企业版2.0 Build 20050310</a>
                            <p>自定义设置的程度更高可以满足大部分中小型企业的建站需求，同时修正了上一版中发现的BUG，优化了核心的代码占用的服务器资源更少，执行速度比上一版更快 主要的特色功能如下： 1）特色的菜单设置功能，菜单设置分为顶部菜单和底部菜单，每一项都可以进行更名、选择是否隐 藏，排序等。 2）增加企业基本信息设置功能，输入的企业信息可以在网页底部的醒目位置看到。 3）增加了在线编辑功能，输入产品信息，企业介绍等栏</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="视野自助系统小型企业版2.0 Build 20050310">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/10198" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="视野自助系统小型企业版2.0 Build 20050310">
                        </a>
                    </div>
                
         <menu type = "context" id = "clickmenu">
            <menuitem label = "Tutorialspoint" onclick = ""></menuitem>
            <menuitem label = "Tutorials Library" onclick = ""></menuitem>
            <menuitem label = "Coding Ground" onclick = ""></menuitem>
            <menuitem label = "Q/A" onclick = ""></menuitem>
         </menu>
      </div>
   </body>
</html>

登录后复制

以上就是在HTML5中，当触发上下文菜单时执行脚本？的详细内容，更多请关注php中文网其它相关文章！