.contextmenu() — вызов контекстного меню

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

Пример

[codepen_embed height=»240″ theme_id=»0″ slug_hash=»ZVvoRx» default_tab=»js,result» user=»AmateR»]See the Pen <a href=’https://codepen.io/AmateR/pen/ZVvoRx/’>ZVvoRx</a> by Aleksei (<a href=’https://codepen.io/AmateR’>@AmateR</a>) on <a href=’https://codepen.io’>CodePen</a>.[/codepen_embed]

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *