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

实现这样的功能,需要结合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

相关推荐

  • 快收秒收详细教程

    先不BB别的,放一下数据。这是我8月份操作的一个站,用的一个老域名做的,所以直接就开始了。别在意搜狗掉词,无所谓的,实际上之前流量预估都权6了,2万多ip,每天ip就几百上千。别看站长工具搜狗波动的那么厉害,其实流量一直都是几百上千,没任何波动。说的有点远了,那么就回归正题,说一下怎么正确有效的去提高收录。很多人也知道,百度对新闻相关的内容收录是很快的,但是…

    建站入门 2022年1月6日
    1.4K00
  • SEO文章怎么写?SEO文章写作逻辑

    本文大纲: 01 SEO文章的写作思路 02 SEO文章的写作举例 03 SEO文章撰写技巧 01 SEO文章的写作思路 1、选题(选关键词) 自媒体运营写文章的时候,会有选题这个环节,选题的目的在于能够最大程度激发用户的需求点。对于SEO文章来说,其实也是一样的,在SEO里选题其实就是选关键词,选目标词。如果选择了一个搜索量很小的关键词,这样从开始的时候就…

    建站入门 2022年2月7日
    1.1K00
  • 几大搜索引擎的网站登录入口

    以下是登录几个重要搜索引擎的网站登录入口地址: 百度:http://zhanzhang.baidu.com/linksubmit/url 搜狗:http://fankui.help.sogou.com/ 360:http://info.so.360.cn/site_submit.html UC神马搜索:http://zhanzhang.sm.cn/open/…

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

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

    建站入门 2018年10月16日
    1.2K00
  • 升级WordPress 5.0后,切换回经典编辑器Classic Editor

    升级WordPress 5.0后,切换回经典编辑器Classic Editor WordPress 5.0 正式采用了全新的区块编辑器-古德堡编辑器Block Editor Gutenberg,对于很多已经习惯国产编辑器习惯的站长来说不是特别方便,下面我们看看如何切换成经典编辑器吧。   相信有不少人不太习惯新编辑器的使用,那么在更新了WordPress 5…

    2018年12月15日
    1.2K00

发表回复

登录后才能评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

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

关注微信