网络基础知识

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

每个公司都有自己的业务类型,我们也不例外,我们目前做的比较多的是百科类业务,为了方便客户跟踪自己签约项目对进度的及时掌握,于是我们设计了一套项目进度查询系统;

通过这个查询后,可以直接查阅项目进展

一初是直接通过上述【百科】图标点击进入目标上线的百科;经过一段时间的接触发现,目前百科官方针对账号的违规处理,一旦与人工客服接触,被封账号的机率非常非常的高;同时现在网站基本都有流量统计,而这个是可以查阅到网站流量访问的来路,为了避免网站查询结果直接点击进入百科,留下记录,于是想着由原来的点击直接打开切换为点击图标提示:目标链接已经复制成功,请在浏览器中【粘贴】打开,然后手工在浏览器里面打开;

实施代码如下:

<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像素;

(0)
【友情提示:】
1、[焦点热议]及其子栏目内容为网络转载,其它栏目内容系作者个人原创文章观点,不代表除作者外的任何第三方观点赞同或支持;
2、「♚付涛纪实阁♚」原创文章均为本人工作、学习过程中重点事项点的记录,便于日后面对相同问题时候的复盘总结,同时原创内容遵循创作共用版权 CC 4.0 BY-SA 协议,转载请附上原文出处链接及声明,否则默认视为侵权。
3、如本站个人观点有涉及不妥的地方,可联系【QQ:860227477】,提供合理合法依据,可无偿给予修改或删除。
4、同时针对站内所有来自于【精品软件共享】及其子栏目所分享的软件均为网络收集,请用户下载后24小时内删除,否则引起的争议由使用者承担,与本站无关;
5、针对本站内容若有异义,亦可直接与【法律顾问:易兴俊,律师联系电话:13825799821】直接联系沟通;

发表评论