在最近一个WordPress主题定制开发项目中,需要实现点击文字后自动复制文字(也就是微信号),同时在移动端自动打开微信APP方便添加该微信号为自己的好友,于是就到网上搜了一下,还真有简单好用的方法,现在给大家分享一下,希望对有同样需求的朋友能有所帮助。
一、html部分
在你需要显示微信号文字(也可以是按钮形式等)的地方使用下面的代码:
<span id="target" style="display: none;">微信号</span>
<a href="javascript:;" data-clipboard-target="#target" id="copy_btn">
<span>加店长微信</span>
</a>
二、js部分
<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>
以上就是实现如题所说的效果的方法,亲测有效,希望可以帮助到您。
© 版权声明
免责声明:本网站所收集的部分公开资料来源于互联网,由网友自主投稿和发布、编辑整理上传,对此类文章本站仅提供交流平台,不为其版权负责,如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。
THE END
喜欢就支持以下吧