[e:loop={1,5,0,1,'','newstime DESC'}]">
最新公告
  • 欢迎您光临站长源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • 帝国cms灵动标签与JS结合点击复制按钮复制文字或者网址的教程

    正文概述 管理员   2024-09-02   58
        <section id="content1">
    [e:loop={1,5,0,1,'','newstime DESC'}]   
    <div class="index_bg3">
            <div class="index_a index_bg3s">
            <a href="<?=$bqr['downurl']?>" class="la1 a1" target='_blank'><img src="/skin/zhann/images/btn_details.png" width="60%" height="60%"></a>
        </div>
        <div class="index_a index_bg2s">
       <p id="text<?=$bqno?>"><?=$bqr['downurl']?></p>
    
            <img class="la1 a1 js-copy" src="/skin/zhann/images/btn_copy.png" width="60%" height="60%">
        </div>
        <img src="<?=$bqr['titlepic']?>">
    </div>	
    
    [/e:loop]
      <script type="text/javascript">
     $('.js-copy').click(function(){
       let This = $(this);
         let text = This.siblings('p').text();
         var input = document.getElementById("input");
         input.value = text; // 修改文本框的内容
          input.select(); // 选中文本
          document.execCommand("copy"); // 执行浏览器复制命令
         console.log(text)
          alert("复制成功");
    })
    
      </script>
        </section>

    效果图:


    站长源码网 » 帝国cms灵动标签与JS结合点击复制按钮复制文字或者网址的教程

    发表评论

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    支付宝支付
    微信支付
    余额支付
    ×
    微信扫码支付 0 元