Clipboard.js 无需Flash的JavaScript复制粘贴库
来源:互联网 发布:淘宝上抓卖保健品的 编辑:程序博客网 时间:2024/04/30 04:27
这篇文章主要介绍了JavaScript 内容复制(无需flash) Clipboard.js使用方法,需要的朋友可以参考下
clipboard.js 实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+
官方网站:https://github.com/zenorocha/clipboard.js
软件下载:http://www.jb51.net/jiaoben/385604.html
官方使用方法:https://zenorocha.github.io/clipboard.js/#example-text
示例代码:
官方实例一:
在线演示:http://demo.jb51.net/js/2015/clipboard/
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script src=
"clipboard.min.js"
></script>
<textarea id=
"bar"
cols=
"62"
rows=
"5"
autocomplete=
"off"
autocorrect=
"off"
autocapitalize=
"off"
spellcheck=
"false"
>脚本之家是国内专业的网站建设资源、脚本编程学习类网站,提供asp、php、asp.net、javascript、jquery、vbscript、dos批处理、网页制作、网络编程、网站建设等编程资料。</textarea>
<!-- Trigger -->
<button class=
"btn"
data-clipboard-action=
"copy"
data-clipboard-target=
"#bar"
>
Cut to clipboard
</button>
<script>
var
clipboard =
new
Clipboard(
'.btn'
);
clipboard.on(
'success'
,
function
(e) {
console.info(
'Action:'
, e.action);
console.info(
'Text:'
, e.text);
console.info(
'Trigger:'
, e.trigger);
alert(
"复制成功"
);
e.clearSelection();
});
clipboard.on(
'error'
,
function
(e) {
console.error(
'Action:'
, e.action);
console.error(
'Trigger:'
, e.trigger);
});
</script>
官方实例二:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script src=
"dist/clipboard.min.js"
></script>
<button class=
"btn"
>
<script type=
"text/javascript"
>
var
clipboard =
new
Clipboard(
'.btn'
);
clipboard.on(
'success'
,
function
(e) {
console.info(
'Action:'
, e.action);
console.info(
'Text:'
, e.text);
console.info(
'Trigger:'
, e.trigger);
e.clearSelection();
});
clipboard.on(
'error'
,
function
(e) {
console.error(
'Action:'
, e.action);
console.error(
'Trigger:'
, e.trigger);
});
</script>
阅读全文
0 0
- Clipboard.js 无需Flash的JavaScript复制粘贴库
- Clipboard.js 无需Flash的JavaScript复制粘贴库
- Clipboard:无需粘贴复制的剪贴板,轻松分享网站内容
- js一键复制,Clipboard.js:不用Flash实现剪贴板功能的轻量级JavaScript库
- 网页复制,使用clipboard.js复制任意内容到粘贴板.不需要通过flash
- Clipboard实现文件,文本的"复制","粘贴"
- clipboard.js 实现 点击按钮复制粘贴兼容ios 安卓 pc浏览器 zclip复制插件需要Flash支持
- 不依赖FLASH html自动复制 clipboard.js
- Clipboard.js:不用Flash实现剪贴板功能的轻量级JavaScript库
- 使用clipboard.js实现移动端粘贴复制
- 利用.NET Framework类库中的Clipboard类,实现数据的复制(剪切)和粘贴
- 无需Flash无需依赖任何JS库实现文本复制与剪切
- 无需Flash无需依赖任何JS库实现文本复制与剪切
- clipboard.js实现无flash复制内容到剪贴板
- Clipboard.js 复制内容到剪切板 ,不用Flash
- JavaScript实现获取文本select的值、复制文本插件clipboard.js
- js复制到粘贴板命令及第三方插件 clipboard 、ZeroClipboard
- JS 复制粘贴的使用
- Git常用命令
- 字符串的排列
- C++__函数与预处理
- (OK) Android-x86-7.1.1/ kernel 4.4.62
- 编写一个js函数用来求n的阶乘
- Clipboard.js 无需Flash的JavaScript复制粘贴库
- 2017,从杭州玛马吉科技有限公司出走之后
- 为不是函数的对象 'dbo.xxxx' 提供了参数。如果这些参数要作为表提示,则需要使用 WITH 关键字
- Window环境下Qt的消息获取
- 7.1模拟爆炸记
- BZOJ 4195: [Noi2015]程序自动分析 哈希表 并查集
- python | 读文件编码问题 | UnicodeDecodeError: 'gbk' codec can't decode byte 0x80 in position 34: illegal mu
- 七、在LinkedHashMap中,String a = new String("abcd");String b = new String("abcd");都作为key,会如何?
- 配置Mybatis