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

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

3年前 (2022-10-22)帝国CMS13297
    <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://blueboss.cn/p/837.shtml

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

帝国cms灵动标签实现循环子栏目数据

帝国cms灵动标签实现循环子栏目数据

帝国cms灵动标签实现循环子栏目数据 <?php $bclassid=$GLOBALS[navclassid];//取得本栏目id //取得本栏目下的子栏目 ?> [e:loop={"select classid, classname, classpath from `[!db.pre...

帝国CMS列表内容模板(list.var)调用会员头像会员名称等

帝国CMS列表内容模板(list.var)调用会员头像会员名称等

帝国CMS列表内容模板的list.var里面怎么调用会员头像。会员名称,文章标题和文章链接呢?其实方法也很简单,下面帝国cms模板网就来为大家分享: 标签代码如下: $userr=$empire->fetch1("select userpic  from {$dbtbpre}enewsmem...

帝国cms后台出现Failtoconnectftphost!

帝国cms后台出现Failtoconnectftphost!

帝国cms后台创建新栏目、上传附件会出现错误:Fail to connect ftp host! 后台备份数据库也备份了出现500错误 解决方式 后台 系统设置-ftp设置-php运行安全模式 取消就可以了...

帝国CMS留言板增加字段

帝国CMS留言板增加字段

帝国CMS留言板增加字段的方法 整理了下我的修改步骤(实现留言板增加qq、留言主题字段): 1、进入phpmyadmin后台,在数据库enewsgbook表(留言板数据表)中增加字段, 比如: qq、theme,  2、打开e\enews\gbookfun.php, 1、在13行左右的地方插入下面代...

帝国CMS怎么去掉文章链接日期目录路径

帝国CMS怎么去掉文章链接日期目录路径

帝国CMS怎么去掉文章链接日期目录路径呢?帝国CMS怎么去掉文章链接日期目录路径呢?这样的怎么实现?其实方法不难,下面帝国cms模板网小编就来为大家分享帝国CMS删除文章链接日期路径的方法: 1、首先我们要在帝国cms后台栏目管理,找到对应的栏目,设置存放目录,选择“不设置目录”2、执行sql命令...

帝国cms灵动标签调用信息标题分类名称和地址

帝国cms灵动标签调用信息标题分类名称和地址

帝国cms灵动标签调用信息标题分类名称和地址的方法!一起来了解一下吧: 实现方法如下: 在需要调用的页面模板里加入以下代码: [e:loop={1,10,0,0}] 标题分类:<a href="<?=sys_ReturnBqInfoTypeUrl($bqr[ttid])?>"&g...