右键单击选项 - 教程

时间:2014-03-15 21:46:50

标签: php jquery ajax

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

您好。

我在网站上发现,您可以右键单击鼠标,&出现了几个新选项(而不是/而不是通常的默认值。)

快速进行Google搜索,我发现您可以使用Ajax和/或Javascript来实现这一目标。他们会给你一些你可以使用的代码。

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

  • 右击,&它会自动选择该行(勾选复选框)。
  • 提供选项 - 例如(在电子邮件系统中) - 删除邮件,将邮件移至文件夹等。

他们提供的编码并不建议流程如何“勾选”一个复选框。或者如何显示某些菜单选项。 &安培;一旦有人选择它,如何激活这些选项。

有没有人知道一个很好的教程来解释每个代码段的原因/ where-fores(就是一个单词)。有关如何添加1-2个菜单选项(文本)的实际演示,&如何在点击后激活选项。

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

编辑:演示网站提供的编码也没有显示您放置文本的位置。 IE浏览器,我想要一个菜单​​选项“删除” - 编码不会显示你将“删除”这个词,或者单击该框/选项后它做了什么。

EDIT2:谢谢,但我昨天看到了这个链接。

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

作为一个回复说: - “你刚刚解释了如何禁用右键菜单。如何创建我们自己的菜单?”。还有两个答案做同样的事情 - “警告(”你试图打开上下文菜单“);”。没有用。

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

编码(显然)是2个选项的菜单。但两者都是一样的。 (可能每个选项都有一些实际的代码示例?)。从它的外观来看,它们使用Javascript来处理选项。

1 个答案:

答案 0 :(得分:1)

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

广泛的工作流程是这样的,它可以让您了解要查看的内容:

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