浏览器点击复制内容并打开微信

此代码依赖jquery与clipboard，使用前记得引用

源码如下

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./clipboard.min.js"></script><script src="./jquery.js"></script>
</head><body><div id="target">123456</div><button class="btn"  data-clipboard-action="copy" data-clipboard-target="#target">点击复制</button><a href="javascript:testApp('weixin://')" class="dl-btn" id="download">打开微信</a> <script>var clipboard = new ClipboardJS('.btn');clipboard.on('success', function(e) {location.href="weixin://";console.log(e);});clipboard.on('error', function(e) {console.log(e);});function testApp(url) {location.href="url";} </script>
</body></html>

浏览器点击复制内容并打开微信相关推荐

如何在浏览器中点击复制微信号并且跳转到微信
如何在浏览器中点击复制微信号并且跳转到微信? <html lang="en"> <head> <meta charset="UTF-8&qu ...
JavaScript-点击复制内容
JavaScript-点击复制内容 ececCommand 显示可能被废弃这里使用 navigator navigator.clipboard.writeText(value).then(() =& ...
vue3自定义全局指令（过滤前后空格，输入框自动聚焦，点击复制内容到粘贴板）
背景:产品要求,客户输入框可以输入空格,但提交数据的时候需要过滤前后空格.这就导致了v-model.trim不能用,因为trim会限制用户的输入. 在页面中的用法(因为是全局引入,单页面直接用即可) ...
小程序实现点击复制内容功能
x.wxml <view class="margin-30"><text>点击下方按钮复制链接地址并用浏览器打开</text><text ...
随机一段字符串，浏览器点击复制
效果图: 上代码: 指定长度,执行即可生成一个随机的字符串,附赠,点击复制功能 <!DOCTYPE html> <html><head><meta chars ...
点击复制内容到手机粘贴板（简洁易懂-只需五步）
点击按钮复制内容到手机粘贴板只需简单五步↓ 第一步 npm install clipboard --save 第二步在需要的页面引入(注:路径根据文件-/) 代码如下↓ <script> ...
js调用浏览器的复制功能复制内容到剪切板
js调用浏览器的复制功能: 浏览器自带复制粘贴功能,通过js调用浏览器的复制功能实现复制文本内容到剪切板浏览器复制命令:document.execCommand('Copy') 具体代码实现: // ...
在浏览器中实现复制内容到剪切板中
前言前端开发时, 经常有这种功能, 需要把网页中的有些内容复制到剪切板中. 针对IE浏览器来说, 实现起来就很简单, 因为直接有clipboardData 的对象可以使用, 但是对于其他浏览器来说, ...
html实现点击复制内容功能
需要实现点击复制功能需要先下载个插件: vue中可以通过 npm install clipboard --save-dev 来安装该插件: 也可以通过使用线上cdn: 复制scirpt标签引入到页面即 ...
点击复制微信号并跳转到微信
使用到的资源 <link href="https://cdn.bootcss.com/mui/3.7.1/css/mui.min.css" rel="stylesh ...

浏览器点击复制内容并打开微信

浏览器点击复制内容并打开微信相关推荐

最新文章

热门文章