当前位置:首页 > 文章 > 帝国CMS > 正文内容

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

3年前 (2022-10-22)帝国CMS15710
    <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结合点击复制按钮复制文字或者网址的教程

扫描二维码推送至手机访问。

版权声明:本文由蓝博发布,如需转载请注明出处。

本文链接:https://www.blueboss.cn/p/837.shtml

“帝国cms灵动标签与JS结合点击复制按钮复制文字或者网址的教程” 的相关文章

帝国cms伪静态

帝国cms伪静态

帝国cms伪静态 nginxrewrite ^([^\.]*)/listinfo-(.+?)-(.+?)\.html$ $1/e/action/ListInfo/index.php?classid=$1&page=$2 last; rewrite ^...

帝国cms灵动标签同时调用头条和推荐

帝国cms灵动标签同时调用头条和推荐

帝国cms灵动标签同时调用头条(1级、2级)、推荐(1级、2级)方法1、同时调用头条(1级、2级)、推荐(1级、2级) [e:loop={0,10,3,0,'isgood=1 or firsttitle=1 orisgood=2 or firsttitle=2'}] <a href="<...

帝国cms远程图片本地化不生效原因以及解决方法

帝国cms远程图片本地化不生效原因以及解决方法

帝国cms远程图片本地化不生效原因1、图片格式和大小设置问题帝国默认的图片格式不包括png,但是我们现在qq截图等都是png图片格式,加进去即可,假如源站的图片格式帝国后台没有,那肯定保存不了了。系统参数设置——文件设置——文件扩展名同时设置可以上传图片大小。2、服务器配置问题需要在php.in中把...

帝国CMS灵动标签调用当前栏目缩略图

帝国CMS灵动标签调用当前栏目缩略图

帝国CMS栏目缩略图的调用方法,来看看吧。 帝国CMS栏目页使用灵动标签调用当前栏目缩略图: [e:loop={"select classimg from phome_enewsclass where classid='$GLOBALS[navclassid]'",1,24,0}]<img ...

帝国cms自定义列表多表查询统计代码

帝国cms自定义列表多表查询统计代码

帝国cms自定义列表多表查询统计代码 统计记录: select count(*) as total from [!db.pre!]ecms_news union select count(*) as total from [!db.pre!]ecms_movie 查询记录: select cl...

帝国CMS模板调用收藏内容的会员信息带头像和不带头像

帝国CMS模板调用收藏内容的会员信息带头像和不带头像

帝国cms模板里面,怎么调用显示收藏该内容的会员信息呢?其实方法也不难,下面帝国CMS模板网就来告诉大家怎么调用: 方法1、(不带头像调用) [e:loop={"select * from [!db.pre!]enewsfava where classid='$navinfor[classid]'...