兼容所有浏览器的js复制插件Zero使用介绍


Posted in Javascript onMarch 19, 2014

这里需要三个插件,分别是:

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 相关文章推荐
准确获得页面、窗口高度及宽度的JS
Nov 26 Javascript
javascript web对话框与弹出窗口
Feb 22 Javascript
google 搜索框添加关键字实现代码
Apr 24 Javascript
js中方法重载如何实现?以及函数的参数问题
Aug 01 Javascript
固定网页背景图同时保持图片比例的思路代码
Aug 15 Javascript
jquery datatable后台封装数据示例代码
Aug 07 Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
Sep 06 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
Nov 26 Javascript
JavaScript基于replace+正则实现ES6的字符串模版功能
Apr 25 Javascript
Angular2使用Angular CLI快速搭建工程(一)
May 21 Javascript
深入理解node.js http模块
Jan 24 Javascript
vue 实现element-ui中的加载中状态
Nov 11 Javascript
javascript + jquery实现定时修改文章标题
Mar 19 #Javascript
深入理解Javascript里的依赖注入
Mar 19 #Javascript
js判断字符长度及中英文数字等
Mar 19 #Javascript
引入autocomplete组件时JS报未结束字符串常量错误
Mar 19 #Javascript
写出高效jquery代码的19条指南
Mar 19 #Javascript
JavaScript调试技巧之console.log()详解
Mar 19 #Javascript
js用闭包遍历树状数组的方法
Mar 19 #Javascript
You might like
如何正确理解PHP的错误信息
2006/10/09 PHP
php自动注册登录验证机制实现代码
2011/12/20 PHP
php格式化电话号码的方法
2015/04/24 PHP
PHP中array_keys和array_unique函数源码的分析
2016/02/26 PHP
用PHP去掉文件头的Unicode签名(BOM)方法
2017/06/22 PHP
解决在laravel中leftjoin带条件查询没有返回右表为NULL的问题
2019/10/15 PHP
jQuery中document与window以及load与ready 区别详解
2014/12/29 Javascript
Js实现无刷新删除内容
2015/04/29 Javascript
jQuery多条件筛选如何实现
2015/11/04 Javascript
javascript中checkbox使用方法简单实例演示
2015/11/17 Javascript
jQuery 生成svg矢量二维码
2016/08/09 Javascript
Vue.js每天必学之构造器与生命周期
2016/09/05 Javascript
JavaScript 身份证号有效验证详解及实例代码
2016/10/20 Javascript
js时间控件只显示年月
2017/01/08 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
2017/06/21 Javascript
详解node单线程实现高并发原理与node异步I/O
2017/09/21 Javascript
Bootstrap 3多级下拉菜单实例
2017/11/23 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(下)
2018/04/18 Javascript
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
layui按条件隐藏表格列的实例
2019/09/19 Javascript
vue3.0 上手体验
2020/09/21 Javascript
Antd的table组件表格的序号自增操作
2020/10/27 Javascript
[17:13]DOTA2 HEROS教学视频教你分分钟做大人-斯拉克
2014/06/13 DOTA
[01:25]DOTA2自定义游戏灵园鬼域等你踏足
2015/10/30 DOTA
[57:18]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#3VP VS VG
2016/03/03 DOTA
[02:22]《新闻直播间》2017年08月14日
2017/08/15 DOTA
python网络编程学习笔记(八):XML生成与解析(DOM、ElementTree)
2014/06/09 Python
Python实现基本线性数据结构
2016/08/22 Python
对Matlab中共轭、转置和共轭装置的区别说明
2020/05/11 Python
微信小程序实现可实时改变转速的css3旋转动画实例代码
2018/09/11 HTML / CSS
纯CSS实现的大小渐变、渐远效果
2014/04/15 HTML / CSS
Fresh馥蕾诗英国官网:法国LVMH集团旗下高端天然护肤品牌
2018/11/01 全球购物
办公室秘书岗位职责范本
2014/02/11 职场文书
高中生的自我评价
2014/03/04 职场文书
2015年小学中秋节活动总结
2015/03/23 职场文书
Python通过m3u8文件下载合并ts视频的操作
2021/04/16 Python