Щелкните правой кнопкой мыши событие Javascript?

Question

Щелкните правой кнопкой мыши событие Javascript? Если да, то как его использовать?

Answer 1

Как уже упоминалось, правая кнопка мыши может быть обнаружена through the usual mouse events (mousedown, mouseup, click). Однако, если вы ищете событие стрельбы, когда вызывается меню правой кнопки мыши, вы смотрите не в том месте. Меню правого щелчка/контекста также доступно с клавиатуры (shift + F10 или клавиша контекстного меню в Windows и некоторых Linux). В этой ситуации, событие, которое вы ищете, oncontextmenu:

window.oncontextmenu = function() 
{ 
    showCustomMenu(); 
    return false;  // cancel default menu 
} 

Что касается самих событий мыши, браузеры установить свойство объекта события, который доступен из обработки событий функции:

document.body.onclick = function (e) { 
    var isRightMB; 
    e = e || window.event; 

    if ("which" in e) // Gecko (Firefox), WebKit (Safari/Chrome) & Opera 
     isRightMB = e.which == 3; 
    else if ("button" in e) // IE, Opera 
     isRightMB = e.button == 2; 

    alert("Right mouse button " + (isRightMB ? "" : " was not") + "clicked!"); 
} 

window.oncontextmenu - MDC

Answer 2

Да - это!

function doSomething(e) { 
    var rightclick; 
    if (!e) var e = window.event; 
    if (e.which) rightclick = (e.which == 3); 
    else if (e.button) rightclick = (e.button == 2); 
    alert('Rightclick: ' + rightclick); // true or false 
} 

Answer 3

Нет, но вы можете обнаружить, что кнопка мыши была использована в «OnMouseDown» событие ... и оттуда определить, если он был «правой кнопкой мыши».

Answer 4

Да, это событие javascript mousedown. Существует также jQuery plugin

Answer 5

посмотрит на следующем коде JQuery:

$("#myId").mousedown(function(ev){ 
     if(ev.which == 3) 
     { 
      alert("Right mouse button clicked on element with id myId"); 
     } 
}); 

Значение which будет:

• для левой кнопки
• для средней кнопки
• для правой кнопки

Answer 6

Я., хотя w3c говорит, что щелчок правой кнопкой мыши может быть обнаружен событием клика, onClick не запускается через правый клик в обычные браузеры.

Фактически, щелкните правой кнопкой мыши только триггер onMouseDown onMouseUp и onContextMenu.

Таким образом, вы можете рассматривать «onContextMenu» как событие правого щелчка. Это стандарт HTML5.0.

Answer 7

Handle событие с использованием библиотеки jQuery

$(window).on("contextmenu", function(e) 
{ 
    alert("Right click"); 
}) 

Answer 8

Да, oncontextmenu, вероятно, является лучшей альтернативой, но быть в курсе, что он запускает на мышь вниз, тогда нажмите срабатывает на кнопки мыши.

Другие связанные вопросы задавали вопрос о двойном щелчке правой кнопкой мыши, который, по-видимому, не поддерживается, за исключением ручной проверки таймера. Одна из причин, по которой вы, возможно, захотите иметь двойной щелчок правой кнопкой мыши, - это то, что вам нужно/нужно поддерживать левый вход мыши (смена кнопок). Похоже, что реализации браузеров делают много предположений о том, как мы должны использовать доступные устройства ввода.

Answer 9

мой ответ window.oncontextmenu, например:

window.oncontextmenu = function() { 
 
    alert('Right Click') 
 
}

<h1>Please Right Click here!</h1>

Answer 10

Следующий код использует JQuery, чтобы генерировать событие пользовательского rightclick на основе умолчанию mousedown и mouseup событий. Рассматриваются следующие вопросы:

• триггер MouseUp
• триггер только при нажатии MouseDown на тот же элемент, прежде чем
• этот код особенно работает в JFX WebView (поскольку contextmenu событие не срабатывает там)
• это не срабатывает при нажатии клавиши ContextMenu на клавиатуре (например, раствор с on('contextmenu', ...) делает

$(function() 
 
{ // global rightclick handler - trigger custom event "rightclick" 
 
\t var mouseDownElements = []; 
 
\t $(document).on('mousedown', '*', function(event) 
 
\t { 
 
\t \t if (event.which == 3) 
 
\t \t { 
 
\t \t \t mouseDownElements.push(this); 
 
\t \t } 
 
\t }); 
 
\t $(document).on('mouseup', '*', function(event) 
 
\t { 
 
\t \t if (event.which == 3 && mouseDownElements.indexOf(this) >= 0) 
 
\t \t { 
 
\t \t \t $(this).trigger('rightclick'); 
 
\t \t } 
 
\t }); 
 
\t $(document).on('mouseup', function() 
 
\t { 
 
\t \t mouseDownElements.length = 0; 
 
\t }); 
 
    // disable contextmenu 
 
    $(document).on('contextmenu', function(event) 
 
\t { 
 
\t \t event.preventDefault(); 
 
\t }); 
 
}); 
 

 

 

 
// Usage: 
 
$('#testButton').on('rightclick', function(event) 
 
{ 
 
    alert('this was a rightclick'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="testButton">Rightclick me</button>

Answer 11

Если Вы хотите вызвать функцию, а правой кнопкой мыши событие означает, что мы можем использовать следующие

<html lang="en" oncontextmenu="func(); return false;"> 
</html> 

<script> 
function func(){ 
alert("Yes"); 
} 
</script> 

Answer 12

Чтобы справиться с правой кнопкой мыши с помощью мыши, вы можете использовать «oncontextmenu» событие. Ниже приведен пример:

document.body.oncontextmenu=function(event) { 
    alert(" Right click! "); 
}; 

Приведенный выше код предупреждает текст при нажатии правой кнопки мыши. Если вы не хотите, чтобы меню по умолчанию браузера отображалось, вы можете добавить return false; В конце содержимого функции. Спасибо.

Answer 13

Самый простой способ получить правой кнопкой мыши сделано, используя

$('classx').on('contextmenu', function (event) { 

}); 

Однако это не кросс браузер решение, браузеры ведут себя по-разному для этого события особенно Firefox и IE. Я бы порекомендовал ниже для кросс-браузерного решения

$('classx').on('mousedown', function (event) { 
    var keycode = (event.keyCode ? event.keyCode : event.which); 
    if (keycode === 3) { 
     //your right click code goes here  
    } 
});