百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

复制链接(复制链接怎么找出来)

ztj100 2025-05-08 22:30 1 浏览 0 评论


            document.addEventListener("click", function(event) {
              if (event.target.closest(".js-copy-shortname")) {
                console.log("复制专属推广链接");
                var button = event.target.closest(".js-copy-shortname");
                var parent = button.closest(".shortbox-item");
                var shortnameUrlInput = parent.querySelector(".shortname-url-input");
                var shortnameUrl = shortnameUrlInput.value;
                
                // 复制到剪贴板
                navigator.clipboard.writeText(shortnameUrl)
                  .then(() => {
                    alert("复制成功");
                  })
                  .catch(err => {
                    console.error("无法复制文本: ", err);
                    alert("复制失败,请手动复制");
                  });
              }
            });

//code 布局

<td width="18%" class="shortbox-item">
  <a data-href="<?=$v['promotion_url']?>" href="javascript:;" class="js-copy-shortname">复制链接</a>
<input type="hidden" class="shortname-url-input" value="<?=$v['promotion_url']?>">
 </td>


//jquery 写法

$(document)
      .off("click", ".js-copy-shortname")
      .on("click", ".js-copy-shortname", function () {
        console.log("复制专属推广链接");
        var $t = $(this);
        var $parent = $t.parents(".shortbox-item");
        var $shortnameUrl = $parent.find(".shortname-url-input");
        var shortnameUrl = $shortnameUrl.val();
        // 复制到剪贴板
        navigator.clipboard.writeText(shortnameUrl);
        layer.msg("复制成功");
      });
    //end

相关推荐

利用navicat将postgresql转为mysql

导航"拿来主义"吃得亏自己动手,丰衣足食...

Navicat的详细教程「偷偷收藏」(navicatlite)

Navicat是一套快速、可靠并价格适宜的数据库管理工具,适用于三种平台:Windows、macOS及Linux。可以用来对本机或远程的MySQL、SQLServer、SQLite、...

Linux系统安装SQL Server数据库(linux安装数据库命令)

一、官方说明...

Navicat推出免费数据库管理软件Premium Lite

IT之家6月26日消息,Navicat推出一款免费的数据库管理开发工具——NavicatPremiumLite,针对入门级用户,支持基础的数据库管理和协同合作功能。▲Navicat...

Docker安装部署Oracle/Sql Server

一、Docker安装Oracle12cOracle简介...

Docker安装MS SQL Server并使用Navicat远程连接

...

Web性能的计算方式与优化方案(二)

通过前面《...

网络入侵检测系统之Suricata(十四)——匹配流程

其实规则的匹配流程和加载流程是强相关的,你如何组织规则那么就会采用该种数据结构去匹配,例如你用radixtree组织海量ip规则,那么匹配的时候也是采用bittest确定前缀节点,然后逐一左右子树...

使用deepseek写一个图片转换代码(deepnode处理图片)

写一个photoshop代码,要求:可以将文件夹里面的图片都处理成CMYK模式。软件版本:photoshop2022,然后生成的代码如下://Photoshop2022CMYK批量转换专业版脚...

AI助力AUTOCAD,生成LSP插件(ai里面cad插件怎么使用)

以下是用AI生成的,用AUTOLISP语言编写的cad插件,分享给大家:一、将单线偏移为双线;;;;;;;;;;;;;;;;;;;;;;单线变双线...

Core Audio音频基础概述(core 音乐)

1、CoreAudioCoreAudio提供了数字音频服务为iOS与OSX,它提供了一系列框架去处理音频....

BlazorUI 组件库——反馈与弹层 (1)

组件是前端的基础。组件库也是前端框架的核心中的重点。组件库中有一个重要的板块:反馈与弹层!反馈与弹层在组件形态上,与Button、Input类等嵌入界面的组件有所不同,通常以层的形式出现。本篇文章...

怎样创建一个Xcode插件(xcode如何新建一个main.c)

译者:@yohunl译者注:原文使用的是xcode6.3.2,我翻译的时候,使用的是xcode7.2.1,经过验证,本部分中说的依然是有效的.在文中你可以学习到一系列的技能,非常值得一看.这些技能不单...

让SSL/TLS协议流行起来:深度解读SSL/TLS实现1

一前言SSL/TLS协议是网络安全通信的重要基石,本系列将简单介绍SSL/TLS协议,主要关注SSL/TLS协议的安全性,特别是SSL规范的正确实现。本系列的文章大体分为3个部分:SSL/TLS协...

社交软件开发6-客户端开发-ios端开发验证登陆部分

欢迎订阅我的头条号:一点热上一节说到,Android客户端的开发,主要是编写了,如何使用Androidstudio如何创建一个Android项目,已经使用gradle来加载第三方库,并且使用了异步...

取消回复欢迎 发表评论: