Bạn có nhấp chuột phải vào sự kiện Javascript không?

Question

Nhấp chuột phải vào sự kiện Javascript? Nếu vậy, làm cách nào để sử dụng?

Answer 1

Như những người khác đã đề cập, nút chuột phải có thể được phát hiện through the usual mouse events (mousedown, mouseup, click). Tuy nhiên, nếu bạn đang tìm kiếm sự kiện kích hoạt khi trình đơn nhấp chuột phải được đưa lên, bạn đang tìm kiếm địa điểm sai. Menu chuột phải/ngữ cảnh cũng có thể truy cập thông qua bàn phím (shift + F10 hoặc phím menu ngữ cảnh trên Windows và một số Linux). Trong tình huống này, sự kiện mà bạn đang tìm kiếm là oncontextmenu:

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

Đối với các sự kiện chuột tự, trình duyệt thiết lập một tài sản cho đối tượng sự kiện mà có thể truy cập từ sự kiện này chức năng xử lý:

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

Có - đúng vậy!

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

Không, nhưng bạn có thể phát hiện nút chuột nào được sử dụng trong sự kiện "onmousedown" ... và từ đó xác định xem đó có phải là "nhấp chuột phải" hay không.

Answer 4

Vâng, đây là sự kiện có tên là javascript. Có một jQuery plugin quá để làm điều đó

Answer 5

có một cái nhìn vào mã jQuery sau:

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

Giá trị của which sẽ là:

• cho nút trái
• cho nút giữa
• cho nút phải

Answer 6

Ya, mặc dù w3c cho biết nhấp chuột phải có thể được phát hiện bởi sự kiện nhấp chuột, onClick không được kích hoạt thông qua nhấp chuột phải vào các trình duyệt thông thường.

Thực tế, nhấp chuột phải chỉ kích hoạt trênMouseDown trênMouseUp và onContextMenu.

Vì vậy, bạn có thể coi "onContextMenu" là sự kiện nhấp chuột phải. Đó là tiêu chuẩn HTML5.0.

Answer 7

Xử lý sự kiện sử dụng thư viện jQuery

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

Answer 8

Vâng, oncontextmenu có lẽ là lựa chọn tốt nhất nhưng lưu ý rằng nó gây nên trên chuột xuống trong khi nhấp vào sẽ kích hoạt trên chuột lên.

Các câu hỏi liên quan khác đã hỏi về nhấp chuột phải - dường như không được hỗ trợ ngoại trừ kiểm tra hẹn giờ thủ công. Một lý do mà bạn có thể muốn có khả năng nhấp chuột phải là nếu bạn cần/muốn hỗ trợ đầu vào chuột trái (nút đảo ngược). Việc triển khai trình duyệt dường như tạo ra nhiều giả định về cách chúng ta nên sử dụng các thiết bị đầu vào có sẵn.

Answer 9

Câu trả lời của tôi là window.oncontextmenu, ví dụ:

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

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

Answer 10

Các mã sau đây được sử dụng jQuery để tạo ra một sự kiện tùy chỉnh rightclick dựa trên mặc định mousedown và mouseup sự kiện. Nó xem xét những điểm sau đây:

• kích hoạt trên mouseup
• kích hoạt chỉ khi ép mousedown trên cùng một nguyên tố trước
• mã này đặc biệt cũng làm việc trong JFX Webview (kể từ khi sự kiện contextmenu không được kích hoạt ở đó)
• nó không kích hoạt khi phím ContextMenu trên bàn phím được nhấn (như các giải pháp với on('contextmenu', ...) không

$(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

Nếu bạn muốn gọi hàm khi sự kiện click chuột phải nghĩa là chúng ta có thể sử dụng sau

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

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

Answer 12

Để xử lý click chuột phải từ chuột, bạn có thể sử dụng các sự kiện 'oncontextmenu'. Dưới đây là ví dụ:

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

mã trên sẽ cảnh báo một số văn bản khi nhấn chuột phải được nhấn. Nếu bạn không muốn trình đơn mặc định của trình duyệt xuất hiện, bạn có thể thêm trả về false; Khi kết thúc nội dung của hàm. Cảm ơn.

Answer 13

Cách dễ nhất để có được click chuột phải thực hiện là sử dụng

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

}); 

Tuy nhiên đây không phải là giải pháp trình duyệt chéo, trình duyệt hành xử khác nhau cho sự kiện này đặc biệt firefox và IE. Tôi sẽ giới thiệu bên dưới cho giải pháp trình duyệt chéo

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