js 实现ctrl c

监听键盘事件实现 Ctrl+C 复制功能

通过 keydown 事件监听组合键，检测 Ctrl（或 Cmd）与 C 键同时按下时触发复制操作：

document.addEventListener('keydown', function(event) {
  // 检测 Ctrl+C (Windows/Linux) 或 Cmd+C (Mac)
  if ((event.ctrlKey || event.metaKey) && event.key === 'c') {
    console.log('Ctrl+C pressed');
    // 在此处添加自定义复制逻辑
  }
});

使用 Clipboard API 复制文本

现代浏览器支持 Clipboard API 实现安全剪贴板访问：

async function copyToClipboard(text) {
  try {
    await navigator.clipboard.writeText(text);
    console.log('Text copied to clipboard');
  } catch (err) {
    console.error('Failed to copy:', err);
  }
}

// 调用示例
copyToClipboard('要复制的文本内容');

兼容旧浏览器的 document.execCommand 方法

对于不支持 Clipboard API 的旧浏览器可使用传统方法：

function legacyCopy(text) {
  const textarea = document.createElement('textarea');
  textarea.value = text;
  document.body.appendChild(textarea);
  textarea.select();
  document.execCommand('copy');
  document.body.removeChild(textarea);
}

自定义复制按钮实现

结合点击事件与剪贴板操作：

<button id="copyBtn">复制文本</button>
<script>
  document.getElementById('copyBtn').addEventListener('click', () => {
    const textToCopy = '示例文本';
    if (navigator.clipboard) {
      navigator.clipboard.writeText(textToCopy);
    } else {
      legacyCopy(textToCopy);
    }
  });
</script>

注意事项

• 现代浏览器要求 Clipboard API 必须在安全上下文（HTTPS 或 localhost）中使用
• 某些浏览器可能限制未用户触发的剪贴板访问
• 考虑添加视觉反馈（如提示工具）提升用户体验