JavaScript是當前最流行的前端語言之一，可以通過JavaScript來實現很多實用功能，其中之一就是復制文本。

在web開發中，經常需要將一些文本內容復制到剪貼板，方便用戶進行分享和傳播，這時候JavaScript就可以派上用場。

//HTML button按鈕
<button onclick="copyToClipboard('content')">復制文本</button>//js函數
function copyToClipboard(str) {
const el = document.createElement('textarea');
el.value = str;
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
}

上述代碼使用了document.execCommand('copy')函數將文本內容復制到剪貼板中，這個函數已經支持大部分的瀏覽器了，但是在ios設備的safari上，卻不生效，這就需要我們另尋他法。

在ios設備上，我們需要使用clipboard.writeText()函數來實現復制，這個函數只支持 Promise 異步返回，所以我們需要使用async/await來處理結果。

//HTML button按鈕
<button onclick="copyToClipboard('content')">復制文本</button>//js函數
async function copyToClipboard(str) {
try {
await navigator.clipboard.writeText(str);
alert('復制成功');
} catch (err) {
alert('復制失敗');
console.error('復制錯誤:', err);
}
}

上述代碼使用了navigator.clipboard.writeText()函數來實現復制，這個函數返回一個Promise對象，如果成功則執行alert('復制成功')語句，否則執行catch語句。

需要注意的是，navigator.clipboard.writeText()函數只能在https協議下才能使用，如果你的網站采用了http協議，則需要轉換成https協議才能正常復制。

除了使用navigator.clipboard.writeText()函數之外，還有一種解決方案，就是使用createEvent和dispatchEvent來模擬復制操作，這種方案支持大部分的瀏覽器，但是由于使用了模擬操作，因此在ios設備上還是會存在一定的兼容性問題。

//HTML button按鈕
<button onclick="copyToClipboard('content')">復制文本</button>//js函數
function copyToClipboard(str) {
const el = document.createElement('textarea');
el.value = str;
el.setAttribute('readonly', '');
el.style.position = 'absolute';
el.style.left = '-9999px';
document.body.appendChild(el);
const selected =
document.getSelection().rangeCount >0
? document.getSelection().getRangeAt(0)
: false;
el.select();
document.execCommand('copy');
document.body.removeChild(el);
if (selected) {
document.getSelection().removeAllRanges();
document.getSelection().addRange(selected);
}
}

上述代碼使用了模擬操作的方式實現復制，將文本內容復制到一個不可見的textarea中，然后調用document.execCommand('copy')函數，最后移除這個textarea，將選中內容還原到原來的位置。

綜上所述，JavaScript在ios設備上的復制問題還是比較棘手的，我們需要在使用的時候注意兼容性問題，有時候可能需要采用多種方案來實現兼容。