兼容所有浏览器的js复制插件Zero使用介绍
更新时间：2014年03月19日 15:20:57 作者：
这篇文章主要介绍了兼容所有浏览器的js复制插件Zero的使用,需要的朋友可以参考下
这里需要三个插件，分别是：
jquery.js
ZeroClipboard.js
ZeroClipboard.swf
祝你好运！
<meta charset="utf-8" />
<button id="d_clip_button" data-clipboard-target="fe_text" >点击复制</button>
<input id="fe_text" value="Testing text." />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="ZeroClipboard.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
ZeroClipboard.setDefaults({
moviePath: "ZeroClipboard.swf"
});
var clip = new ZeroClipboard($("#d_clip_button"));
clip.on("load", function(client) {
console.log("ZeroClipboard.");
client.on("complete", function(client, args) {
console.log("内容己复制 ：" + args.text);
});
});
});
</script>
jquery.js
ZeroClipboard.js
ZeroClipboard.swf
祝你好运！
复制代码 代码如下:
<meta charset="utf-8" />
<button id="d_clip_button" data-clipboard-target="fe_text" >点击复制</button>
<input id="fe_text" value="Testing text." />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="ZeroClipboard.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
ZeroClipboard.setDefaults({
moviePath: "ZeroClipboard.swf"
});
var clip = new ZeroClipboard($("#d_clip_button"));
clip.on("load", function(client) {
console.log("ZeroClipboard.");
client.on("complete", function(client, args) {
console.log("内容己复制 ：" + args.text);
});
});
});
</script>
您可能感兴趣的文章:
- JavaScript实现一键复制文本功能的示例代码
- Web js实现复制文本到粘贴板
- 使用js实现复制功能
- 使用 JS 复制页面内容的三种方案
- JavaScript实现一键复制内容剪贴板
- js复制文本到粘贴板(Clipboard.writeText())
- JS实现一键复制
- Vue中使用highlight.js实现代码高亮显示以及点击复制
- js实现复制粘贴的两种方法
- JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
- JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
- js实现点击复制当前文本到剪贴板功能（兼容所有浏览器）
- 简单实现兼容各大浏览器的js复制内容到剪切板
- JavaScript 实现完美兼容多浏览器的复制功能代码
- 兼容主流浏览器的JS复制内容到剪贴板
- js实现的复制兼容chrome和IE
- 用js将内容复制到剪贴板兼容浏览器
- js复制网页内容并兼容各主流浏览器的代码
- JS复制内容到剪切板的实例代码(兼容IE与火狐)
- JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
- 多浏览器兼容性比较好的复制到剪贴板的js代码
- GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
- 兼容IE与Firefox的js 复制代码
- JavaScript 复制功能代码 兼容多浏览器
- 至2023年最好用的兼容多浏览器的原生js复制函数copyText
相关文章
本文将介绍如何利用 async-pool 这个库提供的 asyncPool 函数来实现大文件的并行下载。2021-05-05
最近需要在字体中间加空白占位符,在尝试使用 之后,还是不能使用,下面这篇文章主要给大家介绍了关于原生微信小程序/uniapp使用空格占位符无效的解决办法,需要的朋友可以参考下2023-02-02
说起幻灯片效果，想必大家都不陌生吧，接下来为大家介绍下使用jquery插件jquery.smallslider.js实现幻灯片效果示例代码，喜欢的朋友可以学习下2013-11-11
悬浮窗就是图中微信图标的按钮，采用fixed定位，可拖动和点击。本文给大家分享一个比较常见的常见，通过实例代码给大家介绍微信小程序中悬浮窗功能的实现，一起看看吧2019-08-08
这篇文章主要介绍了js异步编程技巧，使用计数器的方式，每完成一个请求计数器加1 当计数器等于2时执行回调逻辑,两个http并行发送,从而极大的提高了效率,需要的朋友可以参考下2017-08-08
JavaScript去除空格的三种方法(正则/传参函数/trim)
个人认为去除空格最好的方法.采用的是正则表达式,这是最核心的原理,同时呢，还是有其他方法可以办到的,接下来将介绍一下三种方法(trim)空格,感兴趣的朋友可以了解下，或许对你有帮助呢2013-02-02
这篇文章主要介绍了js读取cookie方法,实例总结了四种常用的读取方法,包含了对cookie数据的分割与遍历操作,是非常实用的技巧,需要的朋友可以参考下2014-10-10
这篇文章主要给大家介绍了关于如何编写一个d.ts文件的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用d.ts具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2018-04-04
之前竟然听到有人跟我说微信小程序没有组件插槽功能,下面这篇文章主要给大家介绍了关于微信小程序中slot插槽基本使用方法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-11-11
这篇文章主要介绍了JS实现微信弹出搜索框 多条件查询功能的实例代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-12-12
最新评论