最近在學習HTML5相關知識，其中有一項關于復制代碼的功能，但是發現一些代碼不能被復制，造成了一些困擾。

復制代碼的實現

在HTML5中，復制代碼的功能是通過Clipboard API來實現的。這個 API 提供了一個copy()方法，可以將指定的文本（或文件）復制到剪貼板中。具體的代碼實現如下：

navigator.clipboard.writeText('復制的文本')

此外，還有一種常見的方式是通過創建一個臨時的textarea元素，然后將需要復制的文本設置到元素的值中，再通過select()方法選中文本并執行document.execCommand('copy')命令來完成復制操作。代碼實現如下：

// 創建臨時元素
var temp = document.createElement('textarea');
// 設置文本
temp.value = '復制的文本';
// 添加到 DOM 中
document.body.appendChild(temp);
// 選中文本
temp.select();
// 執行復制命令
document.execCommand('copy');
// 移除元素
document.body.removeChild(temp);

這兩種方式在大部分情況下都可以正常工作，但是在一些特殊情況下會出現無法復制的問題。

出現問題的原因

經過調查發現，出現問題的原因和Unicode字符集有關。在JavaScript中，使用String.fromCharCode()方法可以將Unicode碼轉換為字符串，但是一些特殊的字符如零寬度空格（\u200B）在轉換后會被忽略，導致文本無法被正確復制。

解決方法

針對這個問題，可以通過將需要復制的文本使用replace()方法將特殊字符替換為可見字符來解決。例如：

// 將零寬度空格替換為空格
var text = '包含零寬度空格的文本'.replace(/\u200B/g, ' ');
navigator.clipboard.writeText(text);

總結一下，HTML5中復制代碼的實現方案主要有Clipboard API和臨時textarea元素兩種方式，但是在處理一些特殊字符時可能會出現無法復制的問題，可以通過將特殊字符替換為可見字符來解決。