如果button按钮没有复制到内容请提示需要代码button id=copy-button class=refresh-button复制buttonscriptconst copyButton = documentgetElementByIdcopy-button;const responseTextarea = documentgetElementByIdchatgpt-response;if
<p>这段代码中需要有一个名为"chatgpt-response"的textarea元素,如果没有该元素则无法实现复制功能。可以在HTML代码中添加该元素:</p>
<textarea id="chatgpt-response"></textarea>
<p>完整代码:</p>
<textarea id="chatgpt-response"></textarea>
<p><button id="copy-button" class="refresh-button">复制</button></p>
<script>
const copyButton = document.getElementById('copy-button');
const responseTextarea = document.getElementById('chatgpt-response');
if (copyButton && responseTextarea) {
copyButton.addEventListener('click', () => {
responseTextarea.select();
document.execCommand('copy');
showCopySuccess(); // 添加复制成功提示
});
// 检测浏览器是否支持 execCommand
if (!document.queryCommandSupported('copy')) {
copyButton.style.display = 'none';
}
// 添加复制成功提示
function showCopySuccess() {
const successMessage = document.createElement('div');
successMessage.innerText = '复制成功!';
successMessage.style.position = 'fixed';
successMessage.style.top = '10px';
successMessage.style.right = '10px';
successMessage.style.backgroundColor = '#4CAF50';
successMessage.style.color = 'white';
successMessage.style.padding = '10px';
successMessage.style.borderRadius = '5px';
document.body.appendChild(successMessage);
setTimeout(() => {
successMessage.remove();
}, 2000);
}
responseTextarea.addEventListener('copy', (event) => {
// 阻止默认行为
event.preventDefault();
if (event.clipboardData) {
event.clipboardData.setData('text/plain', responseTextarea.value);
}
});
}
</script>

原文地址: http://www.cveoy.top/t/topic/15d 著作权归作者所有。请勿转载和采集!