js一键复制
来源:互联网 发布:四连拍的软件 编辑:程序博客网 时间:2024/04/28 00:56
clipboard.js的官网:https://clipboardjs.com/
笔记:
html:
<div id="copyText">一键复制的内容</div><button class="btn2 copyBtn" data-clipboard-action="copy" data-clipboard-target="#copyText">一键复制</button>
//一键复制var copyBtn = new Clipboard('.copyBtn'); copyBtn.on('success', function(e) { console.log(e); alert("复制成功!") }); copyBtn.on('error', function(e) { console.log(e); alert("复制失败!请手动复制") });
粘贴即可。
=======================后期分割线===========================
上述方法,经测试,在PC和ios机上可以,但是安卓机有bug,复制不到粘贴板上。修改如下
html:<div id="copyText">一键复制的内容</div><button class="btn2 copyBtn" data-clipboard-action="copy" data-clipboard-text="一键复制的内容">一键复制</button>
把需要复制的内容放在div展示,再把内容用attr方法添加到data-clipboard-text内:
$(".copyBnt").attr("data-clipboard-text","一键复制的内容");
在点击button时,复制的内容就是data-clipboard-text里的内容。
阅读全文
0 0
- js一键复制
- 一键复制JS
- 一键复制clipboard.js
- js实现一键复制
- clipboard.js实现一键复制
- js一键复制,Clipboard.js:不用Flash实现剪贴板功能的轻量级JavaScript库
- javaScript 一键复制
- 一键复制内容
- 一键复制功能
- JS一键复制 兼容PC(包括图片)+移动端
- 一键复制文件路径
- js复制
- 【学习笔记一】- JS 类型识别 和 deepclone 深复制
- JS禁用复制、反键、F12
- js深复制浅复制
- SqlServer一键复制数据库脚本
- SqlServer一键复制数据库脚本
- 一键复制文件到U盘
- 使用VS Code 从零开始开发并调试.NET Core 应用程序
- .NET平台开源项目速览-最快的对象映射组件Tiny Mapper之项目实践
- Windows原生运行Linux的技术细节
- ASP.NET跨平台实践:无需安装Mono的Jexus“独立版”
- 使用VS2015进行C++开发的6个主要原因
- js一键复制
- 玩玩Xamarin Evolve 2016带来的新特性(三)-Xamarin Workbooks
- 在Linux以及Mac OS X启用F#
- 让我们Core在一起:ASP.NET Core & .NET Core
- 玩玩Xamarin Evolve 2016带来的新特性(一)-iOS Simulator(for Windows)
- Linux工程师新法宝:在Visual Studio上用C++ 写Linux
- Asp.net 面向接口可扩展框架之类型转化基础服务
- 使用VS Code开发 调试.NET Core 应用程序
- 技术人生,专家本色——采访张善友老师后的一点感受