Содержание:
.on( handler )Возвращает: jQuery
Описание: Привязывает обработчик событий к событию "contextmenu".
-
версия добавлена: 1.0.on( handler )
- handlerФункция, которая выполняется каждый раз при срабатывании события.
-
-
версия добавлена: 1.4.3.on( [eventData ], handler )
- eventDataТип: Любое значениеОбъект, содержащий данные, которые будут переданы обработчику событий.
- handlerФункция, которая выполняется каждый раз при срабатывании события.
-
Эта страница описывает событие contextmenu. Для устаревшего метода .contextmenu() см. .contextmenu().
Событие contextmenu отправляется элементу, когда на нем щелкают правой кнопкой мыши, но перед отображением контекстного меню. В случае нажатия клавиши контекстного меню событие срабатывает на элементе html или текущем фокусированном элементе. Любой HTML-элемент может получить это событие. Например, рассмотрим HTML:
<div id="target"> Right-click here </div>
Обработчик событий можно привязать к <div> следующим образом:
$( "#target" ).on( "contextmenu", function() {
alert( "Handler for `contextmenu` called." );
} ); Теперь при правом клике на этот элемент отображается сообщение:
Обработчик для `contextmenu` вызван.
Чтобы вручную запустить событие, используйте .trigger( "contextmenu" ):
$( "#target" ).trigger( "contextmenu" );
Примеры:
Чтобы отобразить всплывающее окно "Hello World!" при срабатывании события contextmenu на абзаце на странице:
$( "p" ).on( "contextmenu", function() {
alert( "Hello World!" );
} ); Нажмите правой кнопкой мыши, чтобы переключить цвет фона.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>on demo</title>
<style>
div {
background: blue;
color: white;
height: 100px;
width: 150px;
}
div.contextmenu {
background: yellow;
color: black;
}
</style>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
<div></div>
<span>Right click the block</span>
<script>
var div = $( "div" ).first();
div.on( "contextmenu", function() {
div.toggleClass( "contextmenu" );
} );
</script>
</body>
</html> Демо:
.trigger( "contextmenu" )Возвращает: jQuery
Описание: Запускает событие "contextmenu" на элементе.
-
версия добавлена: 1.0.trigger( "contextmenu" )
См. описание для .on( "contextmenu", ... ).
