点击微信号复制并打开微信添加(点击可以复制添加微信)

你好,我是爱分享的阿杰。

昨天我在网上查一些资料,发现一个网站文章里有作者微信号,点微信号之后就能自动复制,并且会自动打开微信,意思就是让我去加这个微信号。

《点击微信号复制并打开微信添加(点击可以复制添加微信)》

我觉得这个功能有一个好处,就是方便需要加作者咨询的朋友更好地完成添加作者好友的动作。对于作者来说,这个功能也大大简化方便了网友加他微信的流程。

所以我也想要弄一个这样的功能,找了很多方法之后不是这样问题就是那里问题,最终在快要放弃的时候发现了一个方法,瞬间解决了。我现在把这方法分享在这里,希望能对你有帮助。

点击微信号复制并打开微信添加(点击可以复制添加微信)的网页代码分享:

这是2组代码来实现的,js代码和html代码。js代码可以放在网站或者网页的公共地区,方便调用,比如在统计代码这里可以放入js代码;而html代码可以放在需要放微信的地方,比如浮动按钮,或者文章的某个需要放微信的地方。

点击微信号复制并打开微信添加(点击可以复制添加微信)的js部分代码:

<script src=”http://libs.baidu.com/jquery/1.9.0/jquery.js”></script>

<script src=”https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js”></script>

<script>

$(document).ready(function(){

var clipboard = new Clipboard(‘#copy_btn’);

clipboard.on(‘success’, function(e) {

alert(“微信号复制成功”,1500);

window.location.href=’weixin://’;

e.clearSelection();

console.log(e.clearSelection);

});

});

</script>

点击微信号复制并打开微信添加(点击可以复制添加微信)的html部分代码:

微信号:<span id=”target”>这里写你的微信号</span><button id=”copy_btn” class=”btn” data-clipboard-action=”copy” data-clipboard-target=”#target”>点击复制</button>

以上这些代码布局到你的网站或者网页上之后,你就实现点击微信号复制并打开微信添加(点击可以复制添加微信)这个功能了。

目前电脑和手机都试过,只要用浏览器访问的网站都可以自动复制,并且自动打开微信,但用百度app操作的时候只能复制微信号,但无法自动打开微信,以后有精力再进一步研究。

本文就分享到这里,希望能对你有帮助。

点赞