利用clipboardJs 点击按钮复制文本
官网:https://clipboardjs.com/
1. npm install clipboard --save
2. 引入
import ClipboardJS from 'clipboard'
3. 实例化
created(){new ClipboardJS('.btn');
}
4. template
<!-- Target --><p id="foo">erqoroqw.geekbar.cc/rr2323/dfsaq</p><!-- Trigger --><div class="btn" data-clipboard-target="#foo" @click="copy">Copy Link</div>
5. 复制成功后的事件
copy(){var that =this;var clipboard = new ClipboardJS('.btn');clipboard.on('success', function(e) {e.clearSelection();}); }
利用clipboardJs 点击按钮复制文本相关推荐
- vue怎么实现点击复制html,Vue实现点击按钮复制文本内容的例子
Vue实现点击按钮复制文本内容的例子 点击复制功能主要通过 clipboard.js 来实现 在vue中使用clipboard.js 时候发现一个问题,就是如果不是input或者button 按钮的话 ...
- 点击按钮复制文本框内容
点击按钮复制文本框内容 复制文本框内容的方法如下: function Copy(){var e=document.getElementById("content");//对象是co ...
- JS复制文本到粘贴板,前端H5移动端点击按钮复制文本到粘贴板。
最近做手机端H5网页里面有个活动:点击按钮复制邀请码.查过一些方法,在电脑端可以复制粘贴,一放在手机上面打开网页就不能复制粘贴了. 直接进入正题 使用开源项目 clipboard.js, 官网:点击打 ...
- html 复制文本按钮,js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制 标签中的文本到剪切板 之前做过复制输入框的内容,原以为差不多,结果发现根本行不通 尝试了各种办法,最后使了个障眼法,实现了下面的效果 一.原理分析 浏览器提供了 ...
- js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制 <p> 标签中的文本到剪切板 之前做过复制输入框的内容,原以为差不多,结果发现根本行不通 尝试了各种办法,最后使了个障眼法,实现了下面的效果 一.原理 ...
- html5点击复制文本框内容,js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制 标签中的文本到剪切板 之前做过复制输入框的内容,原以为差不多,结果发现根本行不通 尝试了各种办法,最后使了个障眼法,实现了下面的效果 一.原理分析 浏览器提供了 ...
- 实现点击按钮复制文本(Clipboard包)
操作如下: npm install clipboard --save import Clipboard from 'clipboard'; Vue.use(VueClipboard) <temp ...
- 实现点击按钮 复制文本内容
一.原生方法 1.结构 <li><span>运单号码:</span><b id="waybill_number">{$order-& ...
- vue 适配微信浏览器 实现点击按钮复制文本 clipboard
之前写的复制功能发现用微信打开的浏览器页面不生效,所以又换了种方法实现 首先,安装 clipboard npm install clipboard --save 然后,引入 clipboard imp ...
最新文章
- 阿里云前端周刊 - 第 29 期
- 嵌入式系统理解及相关知识100问
- mysql的配置文件几个_mysql多实例(多个配置文件方式)
- 妙用SQL Server聚合函数和子查询迭代求和
- 【IM】关于半监督学习的理解
- jquery ajax设置头部,jQuery Ajax 设置请求头
- MySQL内核调试_MySQL内核技术之“Opt_trace_系列”
- [文件、数据库、XML]window phone 利用StreamWriter写入文件问题
- Flutter之EdgeInsetsGeometry简析
- 频繁模式挖掘apriori算法介绍及Java实现
- 二元线性方程组与二阶行列式
- UG10.0 工程图 在注释的时候 引用/插入 组件尺寸
- 奇异值分解(SVD)
- ESP8266的FATAL EXCEPTION 28 29问题原因
- 如何用计算机设计衣服,如何用电脑设计服装
- 湘潭大学 Hurry Up 三分,求凹函数的最小值问题
- 这20种PS技术让你的照片美不胜收
- oracle10g 管理共享服务器
- android 仿ios动画效果代码,Android仿IOS上拉下拉弹性效果的实例代码
- 【文字】文字消散效果