gpt4 book ai didi

javascript - 如何在网页中添加自定义右键菜单?

转载 作者:IT老高 更新时间:2023-10-28 13:12:02 26 4
gpt4 key购买 nike

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

我的目标是类似于 Google Docs 所做的事情。它允许用户右键单击并向用户显示他们自己的菜单。

注意:我想学习如何制作自己的东西而不是使用别人已经制作的东西,因为大多数时候,那些第 3 方库的功能很臃肿,而我只想要我需要的功能,所以我希望它完全由我手工制作。

最佳答案

回答您的问题 - 使用 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

关于javascript - 如何在网页中添加自定义右键菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4909167/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com