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

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

相关推荐

  • 使用CSS3实现表格隔行/隔列变色

    废话少说,先看效果,如果不是你想要的,你可以撤了~ 这些都是css控制的,然后我们看下样式: table tr:nth-child(odd){background:#F4F4F4;} table td:nth-child(even){color:#C00;} table tr:nth-child(5){background:#73B1E0;color:#FF…

    建站入门 2020年11月18日
    1.3K00
  • 百度智能小程序SEO指南

    第一章、智能小程序建设如何对搜索友好 一、页面结构要求 1、页面结构清晰、各模块划分清晰。 2、分类划分明确,设置醒目,分类主题的文章对应发布到相应分类下。 3、Web化url结构清晰,易提炼成正则规则,如果有对应H5网站,建议形成对应关系。 4、页面导航设置合理,机器可读、位置突出,用户能很好得知所访问页面在小程序中的位置。 二、链接 链接在移动端依然起着…

    2019年5月6日
    1.0K00
  • 熊掌号SEO指南2.0

    进入移动互联网时代,百度搜索致力于提升搜索用户的浏览体验,营造健康的搜索生态。过去一年中,在百度搜索和全网资源提供者的共同努力下,移动搜索落地页广告问题已经得到了明显的改善。现在,百度搜索发布《百度移动搜索落地页体验白皮书4.0》,旨在继续与各内容生产者、服务提供者携手同心,全方位提升移动搜索落地页体验,给亿万用户以最优质的资源与服务,给网站以最持久鲜活的生…

    2018年11月1日
    2.5K00
  • 政府网站标准及网页设计规范

    国务院办公厅关于印发政府网站发展指引的通知  国办发〔2017〕47号各省、自治区、直辖市人民政府,国务院各部委、各直属机构: 《政府网站发展指引》已经国务院同意,现印发给你们,请认真贯彻执行。 国务院办公厅 2017年5月15日 (此件公开发布) 政府网站发展指引为进一步加强政府网站管理,引领各级政府网站创新发展,深入推进互联网政务信息数据和便民…

    建站入门 2020年11月8日
    1.5K00
  • WordPress 实现文章中远程(外链)图片自动本地化的方法[免插件]

    WordPress 文章中远程图片自动保存到本地服务器,最大的好处就是复制粘贴,方便对文章的转载复制。就现实中而言,并不是所有网站都会全部写原创内容或者想伪原创一下,有些好文章想转载,但是对方网站有可能对图片进了防盗链,而图文比较多的情况下,那么就相当麻烦,而此代码功能可有效的帮助你转载复制。 不过,无论载转与否,建议保留出处,这是对原作者的尊重,毕竟人家写…

    建站入门 2022年4月30日
    1.2K00

发表回复

登录后才能评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

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

关注微信