.contextmenu() – связывает обработчик событий с событием JavaScript “contextmenu” (вызов контекстного меню на элементе – клик правой кнопкой мыши), либо запускает это событие на выбранном элементе.

Метод имеет три варианта использования.

.contextmenu( handler )

• handler – функция, которая будет установлена в качестве обработчика.

.contextmenu( [eventData ], handler )

• eventData – объект содержащий данные, для передачи в обработчик. Должны быть представлены в формате {fName1:value1, fName2:value2, …};
• handler – функция, которая будет установлена в качестве обработчика.

.contextmenu()

Вызывает событие contextmenu, у выбранных элементов страницы.

В первых двух вариантах, этот метод является сокращенной версией .on( "contextmenu", handler ), а в третьем – .trigger( “contextmenu” ).

Событие contextmenu отправляется элементу при нажатии правой кнопки мыши на нем, но до отображения контекстного меню.

Для примера рассмотрим html:

<div id="target">
  Right-click here
</div>

Обработчик события может быть связан с <div> следующим образом:

$( "#target" ).contextmenu(function() {
  alert( "Вызвано событие .contextmenu()" );
});

При нажатии правой кнопкой мыши по элементу <div> мы увидим сообщение “Вызвано событие .contextmenu()”.

Чтобы инициировать событие вручную, примените .contextmenu() без аргумента:

$( "#target" ).contextmenu();

Дополнительные замечания

Поскольку метод .contextmenu() является сокращенной версией .on( "contextmenu", handler ), он может быть удален с помощью .off( "contextmenu" ).

Пример