hexo-theme-stellar/source/js/plugins/copycode.js

41 lines
1.3 KiB
JavaScript

window.codeElements.forEach(code => {
// copy btn
const codeCopyBtn = document.createElement('div');
codeCopyBtn.classList.add('copy-btn');
codeCopyBtn.innerHTML = ctx.copycode.default_text;
code.appendChild(codeCopyBtn);
codeCopyBtn.addEventListener('click', async () => {
const currentCodeElement = code.children[0]?.innerText;
await copyCode(currentCodeElement);
codeCopyBtn.innerHTML = ctx.copycode.success_text;
codeCopyBtn.classList.add('success');
hud.toast(ctx.copycode.toast, 2500);
setTimeout(() => {
codeCopyBtn.innerHTML = ctx.copycode.default_text;
codeCopyBtn.classList.remove('success');
},3000);
})
})
async function copyCode(currentCode) {
if (navigator.clipboard) {
try {
await navigator.clipboard.writeText(currentCode);
} catch (error) {
// 未获得用户许可
codeCopyBtn.innerText = '未获得用户许可';
codeCopyBtn.classList.add('warning');
setTimeout(() => {
codeCopyBtn.innerText = ctx.copycode.default_text;
codeCopyBtn.classList.remove('warning');
},3000);
}
} else {
codeCopyBtn.innerText = '当前浏览器不支持此api';
codeCopyBtn.classList.add('warning');
setTimeout(() => {
codeCopyBtn.innerText = ctx.copycode.default_text;
codeCopyBtn.classList.remove('warning');
},3000);
}
}