自訂網頁右鍵選單

為了增強使用者體驗，您可能會想要在您的網頁上加入自訂右鍵選單應用程式。本文提供了有關在不依賴外部庫的情況下製作自訂右鍵選單的綜合指南。

建立簡單的右鍵選單

要建立基本的右鍵選單，請利用上下文選單事件。實作方法如下：

if (document.addEventListener) {
  document.addEventListener('contextmenu', (e) => {
    alert('You have invoked the context menu.'); // Replace with your custom menu
    e.preventDefault();
  }, false);
} else {
  document.attachEvent('oncontextmenu', () => {
    alert('You have invoked the context menu.');
    window.event.returnValue = false;
  });
}

詳細資料>

透過實作此程式碼，只要使用者右鍵點選您的網頁，就會出現一個上下文選單。若要進一步個人化選單，您可以取代警報訊息或合併自訂選單項目。