无法将data属性文本复制到剪贴板，如何修复？

问题出在document.execCommand('copy')的使用方式上，这个方法无法直接通过参数传递要复制的文本，需要通过正确步骤实现复制，以下是两种可行的修复方法：

方法一：使用现代Clipboard API（推荐） #

这是当前更可靠、简洁的实现方式，兼容性覆盖绝大多数现代浏览器：

function copyToClipboard(obj) {
    var text = $(obj).attr('data-copy-to-clipboard');
    navigator.clipboard.writeText(text)
        .then(() => {
            // 可选：复制成功后可添加提示，比如 alert('文本已复制到剪贴板')
        })
        .catch(err => {
            console.error('复制失败:', err);
        });
}

注：注意修正函数名拼写错误（原代码中coptToClipboard应为copyToClipboard，同时HTML中的onclick调用也要对应修改）

方法二：兼容旧浏览器的execCommand写法 #

如果需要兼容较老的浏览器，可以通过创建临时元素来实现：

function copyToClipboard(obj) {
    var text = $(obj).attr('data-copy-to-clipboard');
    // 创建临时textarea元素
    const tempTextarea = document.createElement('textarea');
    tempTextarea.value = text;
    // 将元素移出可视区域
    tempTextarea.style.position = 'absolute';
    tempTextarea.style.left = '-9999px';
    document.body.appendChild(tempTextarea);
    // 选中文本
    tempTextarea.select();
    // 执行复制操作
    document.execCommand('copy');
    // 移除临时元素
    document.body.removeChild(tempTextarea);
}

内容的提问来源于stack exchange，提问作者Saswat