当前位置: 首页 > 面试题库 >

如何在网页上添加自定义右键菜单?

谯翔
2023-03-14
问题内容

我想向我的Web应用程序添加一个自定义的右键单击菜单。无需使用任何预建的库就可以做到吗?如果是这样,如何显示一个不使用第三方JavaScript库的简单自定义右键单击菜单?

我的目标是像Google文档那样。它允许用户右键单击并向用户显示他们自己的菜单。

注意:
我想学习如何制作自己的东西,而不是使用大多数人以来已经制作的东西,那些第三方库充斥着功能,而我只想要我需要的功能,因此我希望它完全是手工制作的我。


问题答案:

回答您的问题-使用contextmenu事件,如下所示:

if (document.addEventListener) {

  document.addEventListener('contextmenu', function(e) {

    alert("You've tried to open context menu"); //here you draw your own menu

    e.preventDefault();

  }, false);

} else {

  document.attachEvent('oncontextmenu', function() {

    alert("You've tried to open context menu");

    window.event.returnValue = false;

  });

}


<body>

  Lorem ipsum...

</body>

但是您应该问自己,您是否真的要覆盖默认的右键单击行为-这取决于您正在开发的应用程序。

JSFIDDLE



 类似资料:
  • 如何在表格组件的表头部分定制右键,支持不同单元格显示不同菜单项目。

  • 本文向大家介绍vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单,包括了vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单的使用技巧和注意事项,需要的朋友参考一下 今天分享的不是技术,今天给大家分享个插件,针对现有的vue右键菜单插件,大多数都是需要使用插件本身自定义的标签,很多地方不方便,可扩展性也很低,所以我决定写了一款自定义指令调用右键菜单(vuerightmenu)   安装

  • 我有一个WordPress菜单,其中有一些菜单项是我通过标准(拖放)WordPress管理菜单功能添加的。最近,我不得不在菜单中添加另一项,以生成动态href链接。我在函数中使用以下代码实现了这一点。php文件: //将“我的个人资料”菜单项动态添加到“成员”菜单(根据当前登录的用户生成用户名) add_filter(wp_nav_menu_items、add_profilelink_in_men

  • 问题内容: 我试图在 UINavigationBar的* 右侧添加 自定义视图 。我尝试了以下操作,但是视图未显示!请帮助,在此先感谢! * 问题答案: //创建uiview并添加三个自定义按钮

  • 我已经搜索了又搜索,除了我称之为“hack方法”的方法之外,找不到其他方法将自定义分类添加到自定义管理菜单中。 然后我注册我的帖子类型并确保它们使用 这可以工作,自定义帖子类型显示在我的自定义菜单中。 但是自定义分类法不接受同一属性的字符串,只接受true或false。 因此,要添加它,您必须创建一个子菜单页 这是一种“黑客”方式。 还有别的办法吗?如果不修改WordPress核心,我可以覆盖re

  • 进入具体播放器编辑页面,点击右侧菜单标签,设置播放器右侧控制菜单。 系统内置了三个菜单:设置、分享按钮、下载(需配合加密播放器使用)。若不需要显示,点击菜单后面的停用即可; 此外,您还可以根据自己的需求来自定义设置右侧菜单,向播放用户开放更多设置效果。 自定义右侧菜单支持以下三种按钮类型,你可以根据自己需求选择; ·超级链接:设置一个链接地址,点击按钮时将打开该链接地址; ·弹出内容:点击按钮时,