js右击弹出菜单

时间：2008-11-24 编辑：简简单单来源：一聚教程网

日志
R2的-2 007年七月十六日
现在默认正确适用
由影子， eventPosX ， eventPosY ， onContextMenu和onShowMenu选择
许多这些变化的照顾丹湾瑞士，二。由于丹！
r1 -2 007年3月9
首次发布
用法
$ （要素）。 contextMenu （弦乐menu_id [对象设置] ） ;

您定义的菜单结构中的HTML标记。对于每个菜单上，建立一个无序列表中区级“ contextMenu ”和你的ID将提交给它的（见实例）。该专区也可以放在任何地方，因为它会自动被隐藏的插件。
你可以有许多定义菜单的网页上您想要的。每个

元将作为一个选择的菜单上。给每个

一个独特的标识，以便可采取行动约束它。
注： ContextMenu目前不支持嵌套菜单。此功能可能会在即将发布。

参数
menu_id
的ID定义菜单中的标记。您可以绑定一个或多个要素的菜单。例如： $ （ “表的TD ” ）。 contextMenu （ “ myMenu ” ）将绑定的菜单ID为“ myMenu ”的所有表细胞。
注意：此行为已经从r1 ，您需要一个“ ＃ ”之前的ID

设置
ContextMenu需要一个可选的设置对象，让你风格的菜单，并点击绑定处理每一个选择。 ContextMenu支持下列特性的设置对象：

绑定
一个对象含有“编号” ：对功能。所提供的功能是行动进行时，相关的项目被点击。的因素，引发了当前菜单被传递给这个处理器作为第一个参数。
注意：此行为已经从r1 ，您需要一个“ ＃ ”之前的ID
menuStyle
一个对象含有styleName ：值配对的风格包含

内容。
itemHoverStyle
一个对象含有styleName ：值配对的风格的悬停行为
内容。
阴影
布尔：显示一个基本的下拉阴影的菜单上。
默认值为true
eventPosX
可让您确定哪些点击事件是用来确定在哪里置于菜单。有可能的时间（尤其是在的IE6 ）如您需要将它设置为“ clientX ” 。
默认为： ' pageX '
eventPosY
可让您确定哪些点击事件是用来确定在哪里置于菜单。有可能的时间（尤其是在的IE6 ）如您需要将它设置为“ clientY ” 。
默认为： ' pageY '
onContextMenu （活动）
自定义事件功能，运行前的上下文菜单显示。如果该函数返回虚假的菜单是不显示的。这样，您就可以附加上下文菜单中的大块组成部分（或整个文件），然后过滤右键与否上下文菜单中应显示。
onShowMenu （事件，菜单）
自定义事件功能，运行前的菜单显示。它是通过了一项参考的菜单元素，可以让你操纵的输出前的菜单显示。这样，您就可以隐藏/显示选项或其他任何你能想到的面前显示上下文菜单给用户。此函数必须返回菜单。

更改默认
除了信息传递方式为每个菜单通过设置对象，您可以延长默认选项为所有的菜单，呼吁$ 。 contextMenu.defaults （设置）。每一个绑定设置除可作为一种默认。
例如：

$.contextMenu.defaults({

    menuStyle : {

      border : "2px solid green"

    },

    shadow: false,

    onContextMenu: function(e) {

      alert('Did someone asked for a context menu?!');

    }

});
范例
范例1 -基本使用的绑定
右键为这一工程的演示太

网页
- Open
- Email
- Save
- Close
js代码.

$('span.demo1').contextMenu('myMenu1', {

      bindings: {

        'open': function(t) {

          alert('Trigger was '+t.id+'nAction was Open');

        },

        'email': function(t) {

          alert('Trigger was '+t.id+'nAction was Email');

        },

        'save': function(t) {

          alert('Trigger was '+t.id+'nAction was Save');

        },

        'delete': function(t) {

          alert('Trigger was '+t.id+'nAction was Delete');

        }

      }

    });