为了账号安全,请及时绑定邮箱和手机立即绑定

如何将自定义的右键菜单添加到网页中?

如何将自定义的右键菜单添加到网页中?

繁花不似锦 2019-07-22 10:47:58
如何将自定义的右键菜单添加到网页中?我想添加一个自定义右键菜单到我的web应用程序。如果不使用任何预先构建的库,就能做到这一点吗?如果是这样的话,如何显示一个不使用第三方JavaScript库的简单的自定义右键菜单?我的目标是类似谷歌文档所做的事情。它允许用户右键单击并显示他们自己的菜单.注:我想学习如何制造我自己的东西,而不是使用某些人已经做过的东西,因为大多数时候,那些第三方库都有很多功能,而我只想要我所需要的功能,所以我希望它完全是由我自己手工制作的。
查看完整描述

2 回答

?
HUH函数

TA贡献1836条经验 获得超4个赞

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

<html><head><script type="text/javascript">
    if (document.addEventListener) { // IE >= 9; other browsers
        document.addEventListener('contextmenu', function(e) {
            alert("You've tried to open context menu"); //here you draw your own menu
            e.preventDefault();
        }, false);
    } else { // IE < 9
        document.attachEvent('oncontextmenu', function() {
            alert("You've tried to open context menu");
            window.event.returnValue = false;
        });
    }</script></head><body>Lorem ipsum...</body></html>

但是你应该问问自己,你真的想覆盖默认的右键点击行为吗?这取决于你正在开发的应用程序。


JSFIDDLE


查看完整回答
反对 回复 2019-07-22
  • 2 回答
  • 0 关注
  • 879 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信