JavaScript 内容复制 Clipboard.js

Clipboard.js 详细介绍

clipboard.js 实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+

示例代码:

<script src="dist/clipboard.min.js"></script>
<button class="btn">
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);
});

文章转载自 开源中国社区[https://www.oschina.net]

时间: 2024-10-28 05:21:21

JavaScript 内容复制 Clipboard.js的相关文章

Clipboard.js 无需Flash的JavaScript复制粘贴库_javascript技巧

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/clipbo

JavaScript实现复制或剪切内容到剪贴板功能的方法_javascript技巧

项目中需要实现一个点击按钮复制链接的功能,网上看到的几款插件,ZeroClipboard是通过flash实现的复制功能,随着越来越多的提议废除flash,能不能通过JS来实现复制剪切呢,今天分享一个兼容IE7浏览器复制的插件给大家,支持使用javascript实现复制.剪切和粘贴. 方法. 复制 var copy = new clipBoard(document.getElementById('data'), { beforeCopy: function() { }, copy: functio

js 内容复制到剪贴板方法总结

在js中有一个clipboardData.setData(sDataFormat, sData)函数可以实现  代码如下 复制代码 clipboardData.setData("text",www.111cn.net) <a href="#" onclick=javascript:clipboardData.setData("text","www.111cn.net")> 单击当前链接文本表示复制了内容到本地剪贴板

JS基于clipBoard.js插件实现剪切、复制、粘贴_javascript技巧

摘要: 最近做了一个项目,其中有这样一需求:实现一个点击按钮复制链接的功能,通过网上找相关资料,找到了几个插件,ZeroClipboard是通过flash实现的复制功能,随着越来越多的提议废除flash,于是就想能不能通过js来实现复制剪切呢? 地址:https://github.com/baixuexiyang/clipBoard.js 方法: 复制 var copy = new clipBoard(document.getElementById('data'), { beforeCopy:

clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切_javascript技巧

我们在网页上放置一个复制按钮,主要用来方便用户复制链接之类的复杂文本,以往的做法是,通过JS依靠Flash,甚至借助jQuery庞大的js库来实现文本复制到剪贴板的.今天我要给大家介绍的是一款极现代的,不需要flash,不依赖任何其他js库的非常小的插件,它叫clipboard.js. 运行效果图:   HTML 首先加载本地clipboard.js文件. <script src="clipboard.min.js"></script> 然后就是在body中加上

JS将制定内容复制到剪切板的方法

 这篇文章主要介绍了JS将制定内容复制到剪切板的方法,需要的朋友可以参考下  代码如下: function copyText() {    //复制内容  var txt = document.getElementById("table2").rows[1].cells[0].innerHTML;    //去除空格  txt = txt.replace(/ /," ");    //去除换行  txt = txt.replace(/<BR><BR

用js将内容复制到剪贴板兼容浏览器

 通过js将内容复制到剪贴板,本来不难,可是若考虑到浏览器的兼容性问题,就变的有点麻烦,借助flash实现浏览器的兼容 若想通过js将内容复制到剪贴板,本来不难,可是若考虑到浏览器的兼容性问题,就变的有点麻烦,使用jquery-zclip复制是一个不错的选择,借助flash实现浏览器的兼容.原理就不细讲了,下面说下如何实现.   比如我的html代码如下:   代码如下: <div class="buttonBox">  <code rel="1"

用js将内容复制到剪贴板兼容浏览器_javascript技巧

若想通过js将内容复制到剪贴板,本来不难,可是若考虑到浏览器的兼容性问题,就变的有点麻烦,使用jquery-zclip复制是一个不错的选择,借助flash实现浏览器的兼容.原理就不细讲了,下面说下如何实现. 比如我的html代码如下: 复制代码 代码如下: <div class="buttonBox"> <code rel="1"><span id="id_1">要复制的内容1</span><

javascript实现复制文章时添加版权文字内容

JavaScript实现复制文章内容时自动添加出处(版权说明信息).想必站长们在更新文章的时候,自己辛苦写的文章不想就被别人复制粘贴去了,别人不愿意标明出处,那我们自己想办法,让他们在复制文章的时候自动加上文章出外,也就是版权信息,虽然这不能彻底避免,但对于一些懒站长,还是凑效的,下面说下用JS实现复制文章时自动添加文章出处的代码:  代码如下 复制代码 例子2    代码如下 复制代码 function addCopyright() {     var Original = "转自[不亦乐乎]