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 相关文章推荐
图片连续滚动代码[兼容IE/firefox]
Jun 11 Javascript
js 获取服务器控件值的代码
Mar 05 Javascript
jquery keypress,keyup,onpropertychange键盘事件
Jun 25 Javascript
javascript计算星座属相(十二生肖属相)示例代码
Jan 09 Javascript
无限树Jquery插件zTree的常用功能特性总结
Sep 11 Javascript
基于JavaScript实现仿京东图片轮播效果
Nov 06 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
Sep 05 Javascript
jQuery实现根据生日计算年龄 星座 生肖
Nov 23 Javascript
js实现文字无缝向上滚动
Feb 16 Javascript
JavaScript程序设计高级算法之动态规划实例分析
Nov 24 Javascript
生产制造追溯系统之在线打印功能
Jun 03 Javascript
解决vue init webpack 下载依赖卡住不动的问题
Nov 09 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 include,include_once,require,require_once
2008/09/05 PHP
PHP新手入门学习方法
2011/05/08 PHP
php实现简单文件下载的方法
2015/01/30 PHP
PHP发送短信代码分享
2015/08/11 PHP
Yii基于CActiveForm的Ajax数据验证用法示例
2016/07/14 PHP
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
2012/12/21 Javascript
JS中判断null、undefined与NaN的方法
2014/03/24 Javascript
jquery动态导航插件dynamicNav用法实例分析
2015/09/06 Javascript
使用Require.js封装原生js轮播图的实现代码
2017/06/15 Javascript
详解Angular的8个主要构造块
2017/06/20 Javascript
微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
2017/12/06 Javascript
如何在vue中使用ts的示例代码
2018/02/28 Javascript
vue移动端实现下拉刷新
2018/04/22 Javascript
微信小程序实现Swiper轮播图效果
2019/11/22 Javascript
小程序实现多个选项卡切换
2020/06/19 Javascript
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
2020/10/17 Javascript
使用Python的Flask框架来搭建第一个Web应用程序
2016/06/04 Python
Python处理json字符串转化为字典的简单实现
2016/07/07 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
Python中property属性实例解析
2018/02/10 Python
Python对数据进行插值和下采样的方法
2018/07/03 Python
3个用于数据科学的顶级Python库
2018/09/29 Python
基于python实现学生管理系统
2018/10/17 Python
python机器人运动范围问题的解答
2019/04/29 Python
Django网络框架之HelloDjango项目创建教程
2019/06/06 Python
python使用pygame实现笑脸乒乓球弹珠球游戏
2019/11/25 Python
浅谈pandas dataframe对除数是零的处理
2020/07/20 Python
canvas绘制文本内容自动换行的实现代码
2019/01/14 HTML / CSS
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
2012/12/09 HTML / CSS
环境工程专业自荐信范文
2014/03/18 职场文书
《鲁班和橹板》教学反思
2014/04/27 职场文书
企业晚会策划方案
2014/05/29 职场文书
关于感恩的演讲稿400字
2014/08/26 职场文书
2014小学语文教师个人工作总结
2014/12/03 职场文书
文明倡议书
2015/01/19 职场文书
超级礼物观后感
2015/06/15 职场文书