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

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

相关推荐

  • 做网站该注意哪些基本要素?

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

    建站入门 2018年2月10日
    1.1K00
  • WordPress代码实现 外链图片 自动本地化

    WordPress的许多插件或代码可以在编辑文章时自动将外部图片下载到本地。 最后,我选择了一个名为Easy Copy Paste的插件。 单个操作之后,您只需单击更新按钮即可编辑文章,以将文章中的外部链接图像下载到本地并替换链接。但是,逐篇编辑文章不仅麻烦,而且工作量很大。 这是您可以批量下载文章中外部图片的一个小技巧。批处理操作该插件的代码不仅可以通过单…

    建站入门 2022年4月10日
    94600
  • 百度搜索网页标题规范

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

    建站入门 2019年3月15日
    1.2K00
  • 纯css实现移动端水平滚动导航

    目前最简单呈现效果最好的纯css实现移动端水平滚动导航解决方案。 <!DOCTYPE html> <html> <head lang=”en”> <meta charset=”UTF-8″> <title></title> <meta name=”viewport” content…

    建站入门 2020年10月27日
    75300
  • 使用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.2K00

发表回复

登录后才能评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

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

关注微信