clipboard.js使用方法

HTML

　　data-clipboard-action=“ copy ” 或者“cut”

　　data-clipboard-target="#domName"

　　data-clipboard-text = "要复制的文字"

　　var clipboard = new Clipboard('.btn');

　　复制成功时执行：

　　clipboard.on('success', function(e) {

　　　　console.info('Action:', e.action); //copy或者cut

　　　　console.info('Text:', e.text);//复制的文字

　　　　console.info('Trigger:', e.trigger);// 触发事件的元素

　　　　e.clearSelection(); //清除选中样式

　　 });

　　复制失败时执行：

　　clipboard.on('error', function(e) {　　});

转载于:https://www.cnblogs.com/AnnieShen/p/7563281.html

clipboard.js使用方法相关推荐

js 一键复制html,js插件clipBoard.js实现一键复制
clipboard.js不需要jquery依赖,也不需要flash的支持,而另一个插件zClip需要依赖于flash,clipboard.js显得更加灵活. 引入clipboard.js 使用方法va ...
Clipboard.js：不用Flash实现剪贴板功能的轻量级JavaScript库
Zeno Rocha发布了一个专门用于从web页面向本地计算机的剪贴板复制文本的JavaScript库:Clipboard.js. \\ 在每一个Github仓库页面的侧边栏上都有一个小部件,用来显示 ...
Clipboard.js – 现代方式实现复制文本到剪贴板
复制文本到剪贴板应该并不难,目前已经有很成熟的 Flash 方法.但是 Flash 已经在很多场合不适用了,特别是随着 HTML5 技术的发展.今天推荐的这个 Clipboard.js 库不依赖 Fl ...
自动复制吱口令html,使用clipboard.js实现复制吱口令功能的示例代码
最近在工作中有一个需求,就是需要使用一个按钮实现相应内容的复制.在网上找了很多解决方案,最后对比之下选择了clipboard.js插件来进行实现.因为它不依靠flash以及其他框架,而且体积小使用简单 ...
Clipboard.js 实现点击复制
在开发过程中难免会遇到点击分享的需求,这里有两种实现方式: 第一种: 通过原生js 的方法用(存在兼容性): document.execCommand( aCommandName, aShowDefa ...
js实现粘贴板js插件clipboard.js实现一键复制粘贴功能
js实现粘贴板js插件clipboard.js实现一键复制粘贴功能简介下载引入插件使用一个节点的复制多个节点的复制剪切文本框复制输入框简介 clipboard.js 提供了一种更好. ...
clipboard.js实现无flash复制内容到剪贴板
由于最近在写一个项目其中有一个功能是要实现将页面上的某一段内容复制到剪贴板上,当时想用ZeroClipboard.js+ZeroClipboard.swf的,奈何项目中有移动端部分,考虑到flash已 ...
微信号复制跟跳转——clipboard.js
clipboard.js是现代化的"复制到剪切板"插件. 安装: 1.通过npm 安装:npm install clipboard --save 2.官网下载:https://cl ...
兼容苹果ihone js 复制功能clipboard.js demo
旧方法-不兼容ios <script type="text/javascript"> function copyUrl2() {var Url2=document.ge ...
在vue移动端项目中，配合clipboard.js插件，复制一段密令（类似淘宝支付宝口令）的文本到剪切板...
需求开发过程中遇到的需求需要复制请求过来的一段密令(类似支付宝淘宝口令)到剪切板. pc端的文本复制到剪切板如果是在pc端的话,可以直接使用原生js进行编写,代码如下: <textarea ...

clipboard.js使用方法

clipboard.js使用方法相关推荐

最新文章

热门文章