pc端和移动端(包含微信端)兼容的复制方法 clipboard.js+a标签
来源:互联网 发布:美国认证协会知乎 编辑:程序博客网 时间:2024/05/17 06:14
首先安装clipboard.js
npm install clipboard --save-dev
在vue组件中引入
import Clipboard from 'clipboard'
点击复制,所以写了一个点击事件
<input id="foo" type="text" value="a" v-model='invitorInfo.inviteUrl' style='opacity:0'> <button class='btn btn2' v-if='pc' @click='copyWx' data-clipboard-action="copy" data-clipboard-target="#foo">立即邀请</button> <a class='weichat' v-else v-bind:href="invitorInfo.inviteUrl">立即邀请</a>// 复制 copyWx () { if (this.$store.getters.isLogin) { var clipboard = new Clipboard('.btn') clipboard.on('success', e => { // 释放内存 clipboard.destroy() }) clipboard.on('error', e => { // 不支持复制 alert('浏览器不支持,请长按复制邀请') vm.pc = false; // 释放内存 clipboard.destroy() }) }else{ this.$router.push('/entry') } },
手机端支持用a标签长按复制,复制的是a标签的href属性里面的东西
阅读全文
0 0
- pc端和移动端(包含微信端)兼容的复制方法 clipboard.js+a标签
- clipboard.js 实现移动端和pc端复制到剪贴板功能
- 移动端复制按钮(点击复制,clipboard.js)
- Clipboard.js : 移动端浏览器实现网页内容复制
- 使用clipboard.js实现移动端粘贴复制
- js实现一个可以兼容PC端和移动端的div拖动效果
- JS一键复制 兼容PC(包括图片)+移动端
- clipboard.js 实现 点击按钮复制粘贴兼容ios 安卓 pc浏览器 zclip复制插件需要Flash支持
- js面向对象思想封装拖拽功能,兼容pc和移动端
- 页面布局移动端和pc端的转换 js
- 堆叠相册效果,兼容pc和移动端
- js判断PC端和移动端
- JS判断移动端和PC端
- 兼容各浏览器的Zero Clipboard js+swf实现的复制功能使用方法
- 兼容移动端和pc端的弹性盒模flexbox
- 检测PC端和移动端的方法总结
- 纯clipboard.js实现复制(IE兼容至IE7)
- select标签移动端兼容
- Google搜索服务器又添新的云功能
- tomcat 假死现象
- Vmware下linux系统安装 图文介绍
- 高质量C编程指南——第1章
- java调用php的webService
- pc端和移动端(包含微信端)兼容的复制方法 clipboard.js+a标签
- 源代码管理工具(上)-SVN基本使用
- 启动启动eclipse tomcat服务器没法访问localhost:8080端口
- 12-JS初体验
- laravel php 项目知识点总结
- js工具库
- 高精度加法(非负)模板
- selenium webDriver 启动Google浏览器遇到的问题
- 安卓上实现的自定义心电波形控件