Discuz!x3.5定制模板中添加标题旁边复制链接按钮和功能

Discuz!x3.5定制模板中添加标题旁边复制链接按钮和功能

<a href="forum.php?mod=viewthread&tid=$_G[tid]$fromuid" onclick="return copyThreadUrl2(this)" jinheititle="$_G['forum_thread'][subject]">[复制链接]</a>
复制代码

JS代码如下：

function copyThreadUrl2(element) {
    // 1. 获取自定义属性（jinheititle）
    const title = element.getAttribute('jinheititle');
    // 2. 获取链接
    const url = element.href;
    // 3. 关键：使用字符串拼接（避免模板字符串）
    const textToCopy = title + '\n' + url;
    // 4. 现代 Clipboard API
    navigator.clipboard.writeText(textToCopy)
        .then(() => {
            const originalText = element.textContent;
            element.textContent = '已复制';
            setTimeout(() => {
                element.textContent = originalText;
            }, 2000);
        })
        .catch(err => {
            console.error('复制失败:', err);
            alert('复制失败，请手动复制链接');
        });
    
    return false;
}
复制代码