首頁 > web前端 > js教程 > 主體

如何在 JavaScript 中偵測右鍵單擊事件並處理上下文功能表?

Susan Sarandon
發布: 2024-11-10 01:05:02
原創
158 人瀏覽過

How do you detect right-click events and handle context menus in JavaScript?

JavaScript 中的右鍵點擊事件處理

偵測 JavaScript 中的右鍵是 Web 應用程式的常見要求。與流行的看法相反,右鍵本身並不是特定的 JavaScript 事件。但是,可以透過標準滑鼠事件(例如 mousedown、mouseup 和 click)來檢測它。

要捕獲右鍵單擊事件,請使用以下邏輯:

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

  // Determine if it is a right-click 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; 

  if (isRightMB) {
    // Handle right-click actions
    console.log("Right mouse button clicked!");
  }
};
登入後複製

另一方面另一方面,如果您的目標是檢測何時調用右鍵單擊上下文選單,則相應的事件是oncontextmenu。

window.oncontextmenu = function ()
{
  // Handle context menu actions
  showCustomMenu();
  return false;     // Cancel default context menu
};
登入後複製

透過利用這些事件處理程序,您可以有效地處理基於滑鼠的右鍵單擊和JavaScript 應用程式中的上下文功能表事件。

以上是如何在 JavaScript 中偵測右鍵單擊事件並處理上下文功能表?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板