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

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

相关推荐

  • 写网页内容需要注意些什么?

    网页内容是写给谁看的? 这个问题不是客户问我的,而是我提出的。对这个问题的理解和把握,可以看出你对SEO的认识程度。 或许很多网站设计者会毫不犹豫地说:“网页内容,当然是给用户看的呀”。其实,这是第一代网站建设的思维,已经落伍了很多年。第三代SEO网站建设思想指出:网页内容,不只是给用户看,更是给搜索引擎看。 网页内容要写给用户看,你需要: 1、懂得广告学思…

    建站入门 2018年4月13日
    95200
  • 做网站该注意哪些基本要素?

    以下内容参考Google对网站管理员的建议,适当的地方我们已经添加注解。 设计与内容指南 网站应具有清晰的层次结构和文本链接。每个网页应至少可以通过一个静态文本链接打开。文本链接不同于通过javascript等其他代码生成的链接。如本文下面的“打印”即不是通过文本链接实现。 为用户提供网站地图,列出指向网站重要部分的链接。如果网站地图上的链接超过或大约为 1…

    建站入门 2018年2月10日
    1.2K00
  • 百度搜索网页标题规范

    对搜索用户来说,标题是一个网页最直观的认知渠道和展现方式,也是吸引用户点击搜索结果进入落地页的关键因素。 为了保障搜索用户对所需资源的有效获取,保证搜索结果的公平性,现百度搜索对外发布《百度搜索网页标题规范》,希望在满足用户需求的同时,为站长带来更多流量,实现共赢。 1、标题的定义 对网页内容的准确且简明扼要的描述。 具体举例: 图1-1 符合规范的标题示例…

    建站入门 2019年3月15日
    1.3K00
  • Apache伪静态规则文件.htaccess的另类用法

    1、开启/关闭拼写检查(关闭后会区分大小写) CheckSpelling On #开启 CheckSpelling Off #关闭 关闭拼写检查可以解决一下报错 2、禁止/只允许特定IP访问 (1) 禁止单个IP访问,例如192.168.1.1 Order Allow,Deny Allow from all Deny from 192.168.1.1 (2)…

    建站入门 2019年10月6日
    1.1K00
  • Cursor软件设置中文版教程

    在日常使用Cursor软件时,很多用户可能希望将其界面语言设置为中文,以便更好地理解和操作。本文将为大家介绍两种设置Cursor软件中文版的方法,包括使用拓展程序和配置语言设置。 一、使用拓展程序设置中文版 二、配置语言设置中文版 注意事项 通过以上两种方法,您可以轻松地将Cursor软件设置为中文版,享受更加便捷的本地化操作体验。无论是使用拓展程序还是配置…

    建站入门 2025年3月28日
    75300

发表回复

登录后才能评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

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

关注微信