Как я могу включить эту функцию по правому клику мыши в Jeditable?

Question

Как я могу включить эту функцию при щелчке правой кнопкой мыши?

По умолчанию она работает при щелчке левой кнопкой мыши, затем появляется выпадающий список, в то время как я хочу, чтобы этот выпадающий список появлялся при щелчке правой кнопкой мыши,Есть ли способ изменить это поведение по умолчанию.

 $(".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

искать встроенный выбор.

Answer 1

То, что вы хотите, это включить jEditable только по правому клику. Вы можете достичь этого, выполнив три шага:

1. обнаружение правых кликов
2. включить jEditable в обработчике событий
3. отключить 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", чтобы предотвратить щелчок правой кнопкой мыши по контекстному меню по умолчанию. Обратите внимание, что он нестандартный и не может работать во всех браузерах.