JS基于clipBoard.js插件实现剪切、复制、粘贴_javascript技巧
程序员文章站
2022-04-02 14:55:49
...
摘要:
最近做了一个项目,其中有这样一需求:实现一个点击按钮复制链接的功能,通过网上找相关资料,找到了几个插件,ZeroClipboard是通过flash实现的复制功能,随着越来越多的提议废除flash,于是就想能不能通过js来实现复制剪切呢?
地址:https://github.com/baixuexiyang/clipBoard.js
方法:
复制
var copy = new clipBoard(document.getElementById('data'), { beforeCopy: function() { }, copy: function() { return document.getElementById('data').value; }, afterCopy: function() { } });
剪切
var cut = new clipBoard(document.getElementById('data'), { beforeCut: function() { }, Cut: function() { return document.getElementById('data').value; }, afterCut: function() { } });
粘贴
var paste = new clipBoard(document.getElementById('data'), { beforePaste: function() { }, paste: function() { return document.getElementById('data').value; }, afterPaste: function() { } });
推荐阅读
-
不依赖Flash和任何JS库实现文本复制与剪切附源码下载_javascript技巧
-
js实现基于正则表达式的轻量提示插件_javascript技巧
-
不依赖Flash和任何JS库实现文本复制与剪切附源码下载_javascript技巧
-
Clipboard.js 无需Flash的JavaScript复制粘贴库_javascript技巧
-
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切_javascript技巧
-
Clipboard.js 无需Flash的JavaScript复制粘贴库_javascript技巧
-
js实现基于正则表达式的轻量提示插件_javascript技巧
-
js实现点击图片将图片地址复制到粘贴板的方法_javascript技巧
-
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切_javascript技巧
-
JS+flash实现chrome和ie浏览器下同时可以复制粘贴_javascript技巧