【点击复制 并自动打开微信添加好友】h5点击复制微信号并自动打开微信添加好友
h5点击复制微信号并自动打开微信添加好友:
注意:使用了jquery.js
和 clipboard.min.js
一、效果展示:
二、完整代码:
<!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">这是我的微信号</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>
ending~
【点击复制 并自动打开微信添加好友】h5点击复制微信号并自动打开微信添加好友相关推荐
- 钉钉和微信通过h5服务器对接,【案例】钉钉/企业微信/在线、工单等集成对接 | 网易七鱼...
工单接口案例: 企业内部IT共享服务中心,员工报障和IT技术人员接待处理的场景,而且可能是在钉钉或企业微信里面的,希望能够结合在线和工单的功能.如下疑问点: 是否支持访客自己提单.查询工单进度和接收工 ...
- 微信清理h5,小程序,公众号缓存
扫描下面的二维码 勾上下面的内容,清楚即可
- h5页面生成图片分享到微信js_微信端h5页面如何调用分享页面的接口
这次给大家带来微信端h5页面如何调用分享页面的接口,微信端h5页面调用分享页面接口的注意事项有哪些,下面就是实战案例,一起来看一下. 最近公司做了一个给学生投票的H5页面,主要是在微信端使用,需要添加 ...
- 微信小程序生态13-微信公众号自定义菜单、个性化菜单配置
文章导航 微信小程序生态1-初识小程序 微信小程序生态2-创建一个微信小程序 微信小程序生态3-微信小程序登录流程设计 微信小程序生态4-扫普通二维码进入小程序.打开短链接进入小程序 微信小程序生态5 ...
- html添加微信号,html代码点击复制微信号并自动打开微信添加好友
需要注意的是 xyz2018 这部分不能设置为"display:none",否则无法实现复制,如果不想展现id="target"的内容可以这样写 #target ...
- jq 点击按钮跳转到微信_实现点击复制微信号并自动打开微信加好友
原地址:https://www.xuewangzhan.net/jquery/21100.html 复制按钮xyz2018 点击复制 clipboard.on('success', function( ...
- 实现点击复制微信号并自动打开微信加好友
近期,有建网站客户要求实现在自己的手机网站上实现点击复制微信号并自动打开微信加好友的功能.怎么在自己建网站时,制作出这样的点击复制微信号并自动打开微信加好友功能呢? 分享一下实现点击复制微信号并自动打 ...
- 点击按钮复制微信号/公众号,并打开微信APP搜索H5如何制作。
我们在外部浏览器或者APP推广自己的公众号或者企业微信时经常看到别人使用复制搜索模式,具体操作流程是什么样的呢? 一.复制搜索公众号跳转流程 1.用户打开您的H5落地页: 2.点击按钮将公众号复制到剪 ...
- H5实现一键复制微信并打开微信跳转好友添加页
H5实现一键复制微信号并跳转打开微信添加好友,接下来我们使用[天天外链]创建复制搜索微信公众号H5. 天天外链 - 一键复制微信并跳转好友添加H5制作.http://nilife.cn 以上功能主要分 ...
- H5静态页面跳转微信小程序;从外部浏览器,点击H5链接跳转打开微信小程序;以及在微信内直接点击H5链接打开微信小程序;
参考链接 需求:从外部浏览器,点击H5链接跳转打开微信小程序:以及在微信内直接点击H5链接打开微信小程序: 步骤1: 小程序开发需要使用云开发创建项目,使用云开发生成的项目会自带云函数文件夹: 步骤2 ...
最新文章
- git查看linux内核log,linux查看用户、内核、CPU信息
- No-PDO-Models-MySQL数据库层抽象类
- Java 类加载体系之 ClassLoader 双亲委托机制
- cp: omitting directory”错误
- 有哪些LSTM(Long Short Term Memory)和RNN(Recurrent)网络的教程?
- boost源码剖析之:泛型函数指针类boost::function(rev#3)
- u-boot的nand驱动写过程分析
- CISCO2621 基本配置步骤
- 三条Windows 7小技巧
- LED音乐频谱之点阵
- JBOSS内存溢出处理
- 深入分析 Flutter 渲染性能
- deepin终端编译c程序_在deepin linux上安装国人开发的编程语言-“明”语言
- Infer.NET——为热爱概率的人准备的库
- 安卓用targetSdk来兼容各个版本
- AngularJs学习日记[8]:$http
- html文档含有阿拉伯文,html – iOS中包含自定义字体的阿拉伯文字
- 百度地图SDK集成定位,卫星地图
- 深度学习视觉领域常用数据集汇总
- java-php-python-springboot网上租贸系统计算机毕业设计