我想向我的 Web 应用程序添加自定义右键菜单。可以在不使用任何预构建库的情况下完成此操作吗？如果是这样，如何显示一个不使用第 3 方 JavaScript 库的简单自定义右键菜单？
我的目标是像 Google Docs 那样。它允许用户右键单击并向用户显示他们自己的菜单。
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>
但您应该问自己，您真的想覆盖默认的右键单击行为吗 - 这取决于您正在开发的应用程序。
JSFIDDLE http://jsfiddle.net/nhvv6/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
