我要将自定义右键单击菜单添加到我的Web应用程序.这可以在不使用任何预构建库的情况下完成吗?如果是,如何显示不使用第三方JavaScript库的简单自定义右键菜单?
我的目标是谷歌文档的功能.它允许用户右键单击并向用户显示自己的菜单.
NOTE:个 我想学习如何制作自己的,而不是使用别人已经制作的东西,因为大多数时候,那些第三方库功能繁多,而我只想要我需要的功能,所以我希望它完全由我手工制作.
我要将自定义右键单击菜单添加到我的Web应用程序.这可以在不使用任何预构建库的情况下完成吗?如果是,如何显示不使用第三方JavaScript库的简单自定义右键菜单?
我的目标是谷歌文档的功能.它允许用户右键单击并向用户显示自己的菜单.
NOTE:个 我想学习如何制作自己的,而不是使用别人已经制作的东西,因为大多数时候,那些第三方库功能繁多,而我只想要我需要的功能,所以我希望它完全由我手工制作.
回答你的问题-使用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>
但是您应该问问自己,您真的想覆盖默认的右键单击行为吗?这取决于您正在开发的应用程序.