如何创建本地弹出菜单以将一些布局内容复制到剪贴板中

<div id="layout">
  <!-- 布局内容 -->
</div>

#layout {
  /* 布局样式 */
}

// 弹出菜单
document.addEventListener('contextmenu', function(e) {
  e.preventDefault(); // 阻止默认的右键菜单弹出
  showContextMenu(e.clientX, e.clientY); // 显示自定义的弹出菜单
});

// 复制功能
document.getElementById('layout').addEventListener('click', function() {
  copyToClipboard(this.innerHTML); // 复制布局内容到剪贴板
});

// 显示弹出菜单
function showContextMenu(x, y) {
  // 创建菜单元素
  var menu = document.createElement('div');
  menu.id = 'context-menu';
  menu.innerHTML = '复制布局内容';

  // 设置菜单样式
  menu.style.position = 'fixed';
  menu.style.left = x + 'px';
  menu.style.top = y + 'px';
  menu.style.background = '#fff';
  menu.style.border = '1px solid #ccc';
  menu.style.padding = '5px';

  // 添加菜单到页面
  document.body.appendChild(menu);
}

// 复制内容到剪贴板
function copyToClipboard(content) {
  var textarea = document.createElement('textarea');
  textarea.value = content;
  document.body.appendChild(textarea);
  textarea.select();
  document.execCommand('copy');
  document.body.removeChild(textarea);
}