在h5页面需要实现复制微信号码 然后跳转微信添加好友的功能,看贴子使用clipboard.min.js 插件能很容易实现,但是个人更倾向于使用js代码:
<input type="text" id="chatNum" name="chatNum" value="你要复制的微信号码">
<button class="btn">一键复制并打开微信</button>
<script type="text/javascript">
var btn = document.querySelector('.btn');
btn.onclick = function() {
var input = document.getElementById("chatNum").select(); //选择要复制的内容
input.setSelectionRange(0, input.value.length); //选取input里面文字的长度
document.execCommand('Copy'); //复制选中的文字到粘贴板
var chatUrl = "weixin://";
if (/ipad|iphone|mac/i.test(navigator.userAgent)) {
var ifr = document.createElement("iframe");
ifr.src = chatUrl;
ifr.style.display = "none";
document.body.appendChild(ifr);
} else {
window.location.href = chatUrl;
}
}
</script>
借鉴链接:https://blog.csdn.net/xiaonuanli/article/details/80983721