Javascript：如何使用複製/粘貼選項製作自定義上下文菜單

我們正在爲我們的在線文本編輯器製作自定義上下文菜單。裏面只有複製/粘貼選項。但是我們發現很難從瀏覽器中訪問系統剪貼板。幾年前，這似乎是不可能的：Custom Context Menu with Javascript?Javascript：如何使用複製/粘貼選項製作自定義上下文菜單

儘管如此，谷歌成功地做到這一點在谷歌文檔，不使用閃光燈或特殊插件的幫助下，它的據我知道的工作在Chrome和Firefox瀏覽器。我想知道他們用什麼來實現這個目標？

來源

2017-01-24 Xun Yang

事件處理程序，包含了preventDefault（），所以不顯示標準菜單。相同的功能在鼠標指針的當前位置旁邊顯示一個菜單。 – Shilly

你的問題是如何使自定義的上下文菜單或如何獲得剪貼板？ –

這是關於如何訪問剪貼板 –

要渲染菜單，你可以聽contextmenu事件，whcih是通過右鍵點擊觸發。然後你可以渲染一個自定義菜單。

複製/粘貼等可能完成使用document.execCommand（），它可以用於觸發複製/粘貼等。檢查您的瀏覽器以查看哪些命令受支持。

https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand

// on right click, copy to clipboard. 
document.querySelector('body').addEventListener('contextmenu', function(event) { 
    // prevent the normal context menu from popping up 
    event.preventDefault(); 
    // copy current selection 
    document.execCommand('copy'); 
});

來源

2017-01-24 09:51:20 Shilly

似乎「粘貼」在我的瀏覽器中不起作用（Chrome 56）。在我的搜索中，似乎人們通常在擴展中使用它們 –

'document.execCommand（'paste'）;'在IE11中適用於我，所以恐怕我無法幫助你。 – Shilly