右键单击选项 - 教程 [重复]

Question

右键单击鼠标时设计自己的菜单的教程。

你好。

我在一个网站上发现，您可以右键单击鼠标，然后会出现几个新选项（而不是 / 而不是通常的默认值。）

通过快速的 Google 搜索，我发现您可以使用 Ajax 和/或 Javascript 来实现这一点，并且它们为您提供了一些您可以使用的代码。

但是，提供的网站代码不是关于如何做这些事情的教程，我想知道是否有人知道一个很好的教程来解释这些事情。

• 右键单击，它会自动选择该行（勾选复选框）。
• 提供选项 - 例如（在电子邮件系统中） - 删除邮件、将邮件移动到文件夹等。

他们提供的编码并未建议该过程如何“勾选”复选框。或如何显示某些菜单选项。以及一旦人们选择它，如何激活这些选项。

有没有人知道一个很好的教程来解释每个代码部分的原因/位置（是那个词）。附有关于如何添加 1-2 个菜单选项（文本）以及如何在单击后激活选项的实际演示。

我的母语是 PHP。我过去做过一些ajax，但只是新手。

编辑：演示网站提供的编码也不会告诉您将文本放在哪里。 IE，我想要一个“删除”菜单选项 - 编码没有显示您要输入“删除”一词，或者单击该框/选项后它会做什么。

EDIT2：谢谢，但我昨天看到了那个链接。

How to add a custom right-click menu to a webpage?

正如一个回复所说：-“您刚刚解释了如何禁用右键菜单。如何创建我们自己的菜单？？”。两个答案也做同样的事情-“警报（“您已尝试打开上下文菜单”）；“。没有帮助。

我们如何添加 1 个选项？添加第二个选项 - 这样做（等等等等）。关于 3+ 选项的教程.. - 为您提供分步指南。

编码（显然）是一个包含 2 个选项的菜单。但两者都是一样的。 （可能每个选项也有一些实际的代码示例？）。从外观上看，他们使用 Javascript 来处理选项。

Answer 1

在生成您自己的上下文菜单时没有与 AJAX 的内在链接；是否涉及 AJAX 取决于您是否需要发出 AJAX 请求来获取内容。

大致的工作流程是这样的，它应该让您对要研究的内容有所了解：

• 编写您自己的上下文菜单，例如作为ul，选项为lis。隐藏此元素。
• 将事件处理程序绑定到oncontextmenu 事件
• 通过evt.preventDefault() 阻止默认操作（通常的上下文菜单显示）
• 相对于被右键单击的元素定位 ul 并使其显示