js 一键复制html,js插件clipBoard.js实现一键复制

clipboard.js不需要jquery依赖，也不需要flash的支持，而另一个插件zClip需要依赖于flash，clipboard.js显得更加灵活。

引入clipboard.js

使用方法var copy = new clipBoard(document.getElementById('data'), {

beforeCopy: function() {

copy: function() {

return document.getElementById('data').value;

afterCopy: function() {

}

});

参数说明

beforeCopy:复制前需要执行的动作

copy:复制内容

afterCopy:复制后需要执行的动作

演示代码html>

New Document

复制

function copy() {

var copy = new clipBoard(document.getElementById('data'), {

beforeCopy: function() {

copy: function() {

return document.getElementById('data').value;

afterCopy: function() {

alert('复制成功');

}

});

}

其它说明

js 一键复制html,js插件clipBoard.js实现一键复制相关推荐

js实现粘贴板js插件clipboard.js实现一键复制粘贴功能
js实现粘贴板js插件clipboard.js实现一键复制粘贴功能简介下载引入插件使用一个节点的复制多个节点的复制剪切文本框复制输入框简介 clipboard.js 提供了一种更好. ...
浏览器中复制或剪切文本插件 clipboard.js
插件说明这是一个不依赖 flash,不依赖其他框架就能实现文本复制或剪切板的轻量级插件官网地址:http://www.clipboardjs.cn/ 插件安装: 第一种:通过 npm 工具安装 n ...
js复制图片文字图文分享到微信/QQ，插件clipboard.js的应用案例
js复制图片-文字,可用于商品复制文案进行分享的功能~ 1.此案例应用到clipboard.js,具体使用可查阅文档: 2.这个框架功能还是比较强大的,复制文本和图片,复制成功后的html的标签会被去 ...
兼容手机PC,点击即可复制文本内容到剪切板插件clipboard.js
开源项目 https://github.com/zenorocha/clipboard.js. (拷贝文本到剪切板不应该复杂,它不应该需要许多步骤以及几百KB的文件,另外,它不应该依靠flash以及其 ...
前端之路：网页内容转图片，并且复制网页内容，并且优化体验。（截图插件Clipboard.js 的使用）。
做项目遇到一个比较奇葩的需求,觉得很有意思,记录下.方便以后回忆. 涉及框架(html2canvas.min.js clipboard.mn.js): 直接连cdn <script src= ...
微信号复制跟跳转——clipboard.js
clipboard.js是现代化的"复制到剪切板"插件. 安装: 1.通过npm 安装:npm install clipboard --save 2.官网下载:https://cl ...
ajax页面 js文件上传,jQuery插件ajaxfileupload.js实现上传文件
AjaxUpLoad.js的使用实现无刷新文件上传,如图 1.创建页面并编写HTML 上传文档: 上传图片: 2.引用AjaxUpload.js文件 3.编写JS脚本 window.onload = ...
JS+CSS3 360度全景图插件 - Watch3D.js
日常闲扯从上一篇文章到这篇中间快过了一年了,时间真滴过得快.不是在下中间没想过写新的文章,而是自己确实变懒了(体重+1 +1 +1 +1....) ..OTL...不过到最后觉得还是需要写点东西,不 ...
使用clipboard.js实现复制内容至剪贴板
下载插件 clipboard.js是不依赖flash,实现复制内容至剪贴板的js插件.下载clipboard.js的压缩包,根据需要选择dist目录下的压缩或未压缩版. github地址:https: ...

js 一键复制html,js插件clipBoard.js实现一键复制

js 一键复制html,js插件clipBoard.js实现一键复制相关推荐

最新文章

热门文章