实现点击复制并自动打开微信添加好友

实现这样的功能,需要结合jquery点击按钮复制内容代码的方法进行一定的修改。

实现点击复制微信号并自动打开微信加好友的代码如下:

<!DOCTYPE html>    
<html lang="en">    
<head>    
    <meta charset="UTF-8">    
    <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>  
  
    <title>单击复制按钮添加微信</title>    
</head>    
<body>    
微信号:<span id="target">my_ygmx</span>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">    
    点击复制    
</button>     
</body>    
<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>

主题测试文章,只做测试使用。发布者:小屋,转转请注明出处:http://www.rumenwu.com/site/4039.html

(0)
小屋的头像小屋
上一篇 2023年9月29日 上午10:57
下一篇 2024年1月5日 下午2:46

相关推荐

  • 如何设置首选域?

    两种方法设置首选域: 301重定向的方法设置首选域。 使访问rumenwu.com/的时候就会自动转到 www.rumenwu.com。在.htaccess文件里写上以下代码: RewriteEngine on RewriteCond %{http_host} ^mydomain.com [NC] RewriteRule ^(.*)$ http://www.…

    建站入门 2018年3月2日
    1.2K00
  • 纯CSS3制作TAB选项卡

    这个CSS3 Tab样式已经写出来很久了,一直没有时间把它分享出来,也许网上还有其他很多这样子的代码,但没有一种是用到我说的:checked来做的,不管如何,多掌握一种方式对你也是有帮助的。 效果就如博客之前写过的一个Tab一样:有最新文章、热门文章和随机文章。 第一种::checked 首先像平常写HTML和CSS一样,不过要使用input的radio来做…

    2020年10月26日
    86400
  • 谷歌搜索算法升级,盗版图书网站流量猛增

    北京时间 10 月 27 日晚间消息,据报道,在线教科书订阅服务 Perlego 的数据显示,谷歌近期对搜索算法的调整,可能加剧了在线图书的盗版势头。 利用搜索引擎优化(SEO)分析工具 Ahrefs,以及搜索流量监测工具 Keywords Everywhere,Perlego 监测了五年来主要在线图书盗版网站的搜索流量。 监测结果显示,最近一些最受欢迎的图…

    建站入门 2021年10月27日
    1.3K00
  • 二级域名如何绑定一级目录

    二级域名绑定一级目录其实很简单。 在 DNS 域名管理后台域名转发里,设置二级域名转发至你的目标一级目录。 提交后,在主机记录列表会添加一个你刚才提交的二级域名,其指向的IP地址与主域名不同。比如,新网互联指向的是:124.42.122.46。这个是正确的。 不管你使用的虚拟主机,还是独立服务器。只要主域名可以正常访问即可,不需要在虚拟主机或独立服务器上再设…

    建站入门 2018年3月2日
    90800
  • WordPress响应式主题添加视频手机端不显示问题解决办法

    随着移动互联网的发展,现在手机端的流量占比越来越大,响应式主题由于兼容PC和移动端以及部署方便等优点也被广大站长使用接受,不过由于电脑和手机系统兼容性的问题,很多用户遇到视频播放的问题:在网站添加的视频在电脑上可以正常播放,一到手机上就无法显示。 问题原因 电脑上一般都会安装flash控件,视频大多也是使用flash播放器来播放的,而手机端目前网页播放视频都…

    建站入门 2018年10月16日
    1.2K00

发表回复

登录后才能评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信