网站增加点击按钮出现提示复制成功 访问打开来源被追踪

每个公司都有本人的业务类型，我们也不例外，我们目前做的比拟多的是百科类业务，为了便当客户跟踪本人签约项目对进度的及时控制，于是我们设计了一套项目进度查询系统；

经过这个查询后，能够直接查阅项目停顿

一初是直接经过上述【百科】图标点击进入目的上线的百科；经过一段时间的接触发现，目前百科官方针对账号的违规处置，一旦与人工客服接触，被封账号的机率十分十分的高；同时如今网站根本都有流量统计，而这个是能够查阅到网站流量访问的来路，为了防止网站查询结果直接点击进入百科，留下记载，于是想着由原来的点击直接翻开切换为点击图标提示：目的链接曾经复制胜利，请在阅读器中【粘贴】翻开，然后手工在阅读器里面翻开；

施行代码如下：

<input type="text" class="share-input" value="{content:tags}" id="copy-content" style="width:1px;height:1px;"> 
<script type="text/javascript">
/*Copy function implementation */
function copyContent(){ 
var copyobject=document.getElementById("copy-content");
copyobject.select();
document.execCommand("Copy");
alert("目的链接曾经复制胜利，请在阅读器中【粘贴】翻开~"); 
};
</script>
<a onclick="copyContent();"><img src="/images/2021101922260660.png" style="border: 5px solid #28292b;border-radius:20%"></a>

在此处的{content:tags}为需求被复制的链接，此处为目的百科的链接；

以上代码有三个关键点：

1、 id=”copy-content”

2、copyobject=document.getElementById(“copy-content”);

3、onclick=”copyContent();”

这三个中央坚持分歧，这个效果就能够完成了；

注：此处input的这个参数不能设置为躲藏，否则复制出来的链接是空的；所以此处将input的长宽设置为了1像素；

感谢您的来访，获取更多精彩文章请收藏本站。