JavaScript使用ZeroClipboard操作剪切板


Posted in Javascript onMay 10, 2017

一、ZeroClipboard下载地址

为大家提供细一些ZeroClipboard的下载地址:

二、添加js引用

<script src="../Assets/js/jquery-1.8.3.min.js"></script>
 <script src="../Assets/js/ZeroClipboard/ZeroClipboard.js"></script>

三、初始化插件

$(function () {
   InitCopyToClipboard('btnCopyToClipBoard');
 });
//将内容复制到剪切板
function InitCopyToClipboard(btnId) {
ZeroClipboard.setMoviePath("../Assets/js/ZeroClipboard/ZeroClipboard.swf"); //设置flash文件在项目中的位置 
var clip = new ZeroClipboard.Client(); // 新建一个对象

clip.setHandCursor(true);
clip.addEventListener('onmouseup', function (client) { //创建监听 
 // 可以在这儿写一个方法处理相应的事件逻辑
 clip.setText('要复制到剪切板中的内容'); 
});
clip.glue(btnId); //将flash覆盖至指定ID的DOM上


//窗口大小发生变化时从新将flash覆盖至制定的id上,否则位置不对应导致点击时没反应
bind(window, "resize", function () {
  clip.reposition();
});
return false;
}

/************************************ 
* 添加事件绑定 
* @param obj : 要绑定事件的元素 
* @param type : 事件名称。不加 "on". 如 : "click" 而不是 "onclick". 
* @param fn : 事件处理函数 
************************************/
function bind(obj, type, fn) {
if (obj.attachEvent) {
obj['e' + type + fn] = fn;
obj[type + fn] = function () { obj['e' + type + fn](window.event); }
obj.attachEvent('on' + type, obj[type + fn]);
} else
obj.addEventListener(type, fn, false);
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript的eval JSON object问题
Nov 15 Javascript
javascript qq右下角滑出窗口 sheyMsg
Mar 21 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
Apr 15 Javascript
现如今最流行的JavaScript代码规范
Mar 08 Javascript
js实现简单的省市县三级联动效果实例
Feb 18 Javascript
Java  Spring 事务回滚详解
Oct 17 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
Nov 24 Javascript
Node.js搭建小程序后台服务
Jan 03 Javascript
Django+Vue跨域环境配置详解
Jul 06 Javascript
vue实现移动端input上传视频、音频
Aug 18 Javascript
js实现滚动条自动滚动
Dec 13 Javascript
JavaScript与JQuery框架基础入门教程
Jul 15 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
May 10 #Javascript
vuejs2.0子组件改变父组件的数据实例
May 10 #Javascript
详解vue.js2.0父组件点击触发子组件方法
May 10 #Javascript
详解vue-router 2.0 常用基础知识点之router-link
May 10 #Javascript
JavaScript使用readAsDataURL读取图像文件
May 10 #Javascript
angular.js指令中的controller、compile与link函数的不同之处
May 10 #Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
May 10 #Javascript
You might like
php 获取完整url地址
2008/12/20 PHP
php getimagesize 上传图片的长度和宽度检测代码
2010/05/15 PHP
php的大小写敏感问题整理
2011/12/29 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
php微信公众号开发之关键词回复
2018/10/20 PHP
thinkphp3.2框架中where条件查询用法总结
2019/08/13 PHP
使用隐藏的new来创建对象
2011/03/29 Javascript
javascript中的this详解
2014/12/08 Javascript
JS/Jquery判断对象为空的方法
2015/06/11 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
2017/07/08 jQuery
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
Vue CLI3 如何支持less的方法示例
2018/08/29 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
2018/09/27 Javascript
React 源码中的依赖注入方法
2018/11/07 Javascript
javascript关于“时间”的一次探索
2019/07/24 Javascript
layui使用label标签的方法
2019/09/14 Javascript
Django中URL视图函数的一些高级概念介绍
2015/07/20 Python
分享6个隐藏的python功能
2017/12/07 Python
解决python爬虫中有中文的url问题
2018/05/11 Python
python利用datetime模块计算程序运行时间问题
2020/02/20 Python
解决CSS3 transition-delay 属性默认值0不带单位失效的问题
2020/10/29 HTML / CSS
HTML5拖拽API经典实例详解
2018/04/20 HTML / CSS
施华洛世奇澳大利亚官网:SWAROVSKI澳大利亚
2017/01/06 全球购物
英国50岁以上人群的交友网站:Ourtime
2018/03/28 全球购物
估算杭州有多少软件工程师
2015/08/11 面试题
什么是动态端口(Dynamic Ports)?动态端口的范围是多少?
2014/12/12 面试题
演讲稿怎么写才完美
2014/01/02 职场文书
党员承诺书范文
2014/05/19 职场文书
导游词怎么写
2015/02/04 职场文书
2015年统战工作总结
2015/05/19 职场文书
单独二胎证明
2015/06/24 职场文书
MySQL 分组查询的优化方法
2021/05/12 MySQL
英国数字版游戏销量周榜公布 《小缇娜的奇幻之地》登顶
2022/04/03 其他游戏
Windows Server 修改远程桌面端口的实现
2022/06/25 Servers
Windows Server 2008配置防火墙策略详解
2022/06/28 Servers