找回密码
 立即注册

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

admin 2025-10-20 11:57:45 79
Discuz!x3.5定制模板中添加标题旁边复制链接按钮和功能

  1. <a href="forum.php?mod=viewthread&tid=$_G[tid]$fromuid" onclick="return copyThreadUrl2(this)" jinheititle="$_G['forum_thread'][subject]">[复制链接]</a>
复制代码
JS代码如下:
  1. function copyThreadUrl2(element) {
  2.     // 1. 获取自定义属性(jinheititle)
  3.     const title = element.getAttribute('jinheititle');
  4.     // 2. 获取链接
  5.     const url = element.href;
  6.     // 3. 关键:使用字符串拼接(避免模板字符串)
  7.     const textToCopy = title + '\n' + url;
  8.     // 4. 现代 Clipboard API
  9.     navigator.clipboard.writeText(textToCopy)
  10.         .then(() => {
  11.             const originalText = element.textContent;
  12.             element.textContent = '已复制';
  13.             setTimeout(() => {
  14.                 element.textContent = originalText;
  15.             }, 2000);
  16.         })
  17.         .catch(err => {
  18.             console.error('复制失败:', err);
  19.             alert('复制失败,请手动复制链接');
  20.         });
  21.    
  22.     return false;
  23. }
复制代码


0 回复

发布新话题
搜索
返回顶部