HTML5可以讓開發(fā)者更方便地操作剪貼板，下面我們來學(xué)習(xí)如何設(shè)置剪貼板。

首先，我們需要使用Clipboard API。在HTML5中，該API提供了讀取和寫入文本到剪貼板的功能。

// 定義一個copyToClipboard函數(shù)
function copyToClipboard(text) {
// 判斷該瀏覽器是否支持clipboard API
if (!navigator.clipboard) {
// 如果不支持，則使用document.execCommand方法
var textarea = document.createElement("textarea");
textarea.value = text;
document.body.appendChild(textarea);
textarea.select();
document.execCommand("copy");
document.body.removeChild(textarea);
alert('已經(jīng)復(fù)制到粘貼板！');
return;
}
// 直接使用Clipboard API
navigator.clipboard.writeText(text).then(function() {
alert('已經(jīng)復(fù)制到粘貼板！');
}, function(error) {
alert('復(fù)制失敗，請重試！');
});
}

上面定義的copyToClipboard函數(shù)支持兩種方式設(shè)置剪貼板，如果瀏覽器支持Clipboard API，則使用Clipboard API寫入文本到剪貼板，否則使用document.execCommand方法實(shí)現(xiàn)。

可以為任何元素設(shè)置click事件，以喚起copyToClipboard函數(shù)，例如使用一個按鈕：

復(fù)制到剪貼板

以上就是HTML5設(shè)置剪貼板的方法，非常方便實(shí)用。