.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" ).

Пример