如何在 Jeditable 中右键单击鼠标启用此功能？答案

【问题标题】：How can i make this function enable on right click of mouse in Jeditable?如何在 Jeditable 中右键单击鼠标启用此功能？
【发布时间】：2011-10-31 14:44:54
【问题描述】：

如何让鼠标右键启用此功能？

默认情况下，它在左键单击时工作，然后出现一个下拉菜单，而我希望该下拉菜单出现在右键单击时，有什么办法可以更改默认行为。

 $(".editable_select").editable("http://www.appelsiini.net/projects/jeditable/php/save.php", {
        indicator: '<img src="img/indicator.gif">',
        data: "{'Lorem ipsum':'Lorem ipsum','Ipsum dolor':'Ipsum dolor','Dolor sit':'Dolor sit'}",
        type: "select",
        submit: "OK",
        style: "inherit",
        submitdata: function () {
            return { id: 2 };
        }

你可以从这里看到更多，http://www.appelsiini.net/projects/jeditable/default.html

寻找内联选择。

【问题讨论】：

标签： asp.net jeditable

【解决方案1】：

您想要的是仅在右键单击时启用 jEditable。您可以通过以下三个步骤来实现：

检测右键点击
在事件处理程序中启用 jEditable
编辑完成后禁用 jEditable

类似下面的东西应该可以工作：

$('#editable').mousedown(function(event) {
    if (event.which != 3) return;
    event.preventDefault();

    $(this).editable('url', {
        ...
        type: "select",
        onreset: function() {
            this.parent().editable('destroy');
        }
    }).click();
});

查看实际操作：http://jsfiddle.net/william/2wBEW/。

在那个例子中，我使用oncontextmenu="return false" 来防止右键单击时出现默认上下文菜单。请注意，它是非标准的，不能预期适用于所有浏览器。

【讨论】：