JS一键复制粘贴功能

使用clipboard.js 实现：
它是一个不需要Flash,就能实现文本复制或者剪切到剪切板的轻量级插件；
具体实例：
可以使用cdn 或者直接下载设置好引用路径。

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>一键复制粘贴功能</title><style>.transfer {width: 90%;margin: 20px auto;font-size: 18px;}.transfer button {margin-top: -5px;float: right;margin-left: 10px;background-color: rgb(3, 169, 244);width: 30%;height: 25px;font-size: 14px;color: white;border: 0;border-radius: 8%;}</style></head><body><div class="transfer">复制：<span id="zfb_account">11111111111</span><button onclick="copy1()" data-clipboard-action="copy" data-clipboard-target="#zfb_account" id="copy_zfb">一键复制</button></div><div class="transfer">复制粘贴：<span id="wx_account">2222222</span><button onclick="copy2()" data-clipboard-action="copy" data-clipboard-target="#wx_account" id="copy_wx">一键复制粘贴</button></div><input type="text"  id="text"/></body><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script><script>function copy1() {var clipboard = new Clipboard('#copy_zfb');clipboard.on('success', function(e) {alert("复制成功！"+e.text);e.clearSelection(); //选中需要复制的内容});clipboard.on('error', function(e) {alert("当前浏览器不支持此功能，请手动复制。")});}function copy2() {var clipboard = new Clipboard('#copy_wx');clipboard.on('success', function(e) {e.clearSelection(); //选中需要复制的内容document.getElementById("text").value=e.textalert("复制成功！");});clipboard.on('error', function(e) {alert("当前浏览器不支持此功能，请手动复制。")});}</script></html>

JS一键复制粘贴功能相关推荐

js实现粘贴板js插件clipboard.js实现一键复制粘贴功能
js实现粘贴板js插件clipboard.js实现一键复制粘贴功能简介下载引入插件使用一个节点的复制多个节点的复制剪切文本框复制输入框简介 clipboard.js 提供了一种更好. ...
js实现复制粘贴功能
在项目中使用到复制粘贴功能,虽然网上有很多大牛封装了很多的插件,但是还是想不去使用插件,就像自己来实现这个功能. 初步想法: 1. 获取到需要复制的内容,这里我可以将需要复制的内容放在input或者t ...
最新js实现复制粘贴功能实例
功能:实现鼠标点击复制内容描述:使用与手机网站.pc等端. 实现点击复制粘贴功能的代码实例: function common_copy(text){if(text.indexOf('-') !== ...
利用JS实现复制/粘贴功能
1.最基本的复制 Java代码 <script language="javascript"> function readTxt() { alert(window.cli ...
pc端VUE实现一键复制内容功能
接到一个需要,需要在pc端实现一键复制粘贴功能,如图所示: 当我点击复制按钮时,会提示"复制成功",这样复制的内容就可以在其他地方使用了具体实现方法如下: 我写了一个公共的方法 ...
Android实现一键复制粘贴，兼容低版本系统（api 11以下）
Android实现一键复制粘贴,兼容低版本系统(api11以下) /** * 实现文本复制功能 * @param content * @return t ...
Ctrl c 复制html,一键复制粘贴(用热键代替Ctrl+X、Ctrl+C、Ctrl+V)
在用电脑的时候大家少不了使用ctrl+c和ctrl+v键,也就是复制和粘贴快捷键,本次小编发布的这个一键复制粘贴工具可实现连续复制,顺序粘贴,帮您轻松完成繁琐的文字复制工作,也就是用热键代替Ctrl+ ...
一键复制粘贴工具使用教程
一键复制粘贴工具打开左键复制选项功能1:选中即完成复制.灭掉"ctrl+c". 功能2:右键双击粘贴,左手脱离键盘,吃零食接电话工作两不误. 软件链接: 链接:https:// ...
快速回复信息神器哪些支持一键复制粘贴回复
很多快速回复信息的神器和客户聊天的窗口分属两个平台,在进行快速回复信息时,需要先筛选到快速回复的信息,然后进行复制粘贴后才可以,这样的操作过程是比较复杂的.很多人在进行信息回复时,想找一些可以快速复制 ...

JS一键复制粘贴功能

JS一键复制粘贴功能相关推荐

最新文章

热门文章