js实现内容到剪切板，兼容pc和手机端，支持Safari浏览器手机剪贴板「js实现内容到剪切板，兼容pc和手机端，支持Safari浏览器」

Javascript原生有一些事件：copy、paste、cut，

这些事件可以作用的目标元素：

　　能获得焦点的元素 (如内容能编辑或者可以选中的元素)，或者是

使用jQuery中的方法监听用户的剪切、、粘贴的行为：

这些行为包括使用键盘的ctrl + c操作，或者右击鼠标—>等操作。

Evevt.clipboardData 对象

clipboardData是JavaScript剪切板对象，该对象提供了3个常用方法：

　　clearData():  clipboardData对象从剪切板删除一种或多种数据格式（一个参数：数据类型）

　　getData():  clipboardData对象从剪切板获取指定格式的数据（一个参数：数据类型）

　　setData():  clipboardData对象赋予指定格式的数据（两个参数：数据类型，要赋予的值）

　　*数据类型一般为“"" ”

Evevt.clipboardData 对象兼容性问题

经过尝试，clipboardData对象内兼容大部分px浏览器，像chrome，firefox、ie等，但是在手机端兼容性不是很好，

　　目前clipboardData在ios上的safari浏览器无效，为解决移动端这个问题，我们引用一个js插件——clipboard.js

　　clipboard.js依赖于HTML5推出的Selection API和execCommand API

使用方法：

　　首先在页面中引入

　　使用clipboard.js的自定义属性

　　高级用法:

JS实现各种到剪贴板:

1、实现点击按钮，文本框中的的内容

2、专题地址和 url 地址，传给 QQ/MSN 上的好友

3、直接 url

4、点击文本框时，文本框里面的内容

5、文本框或者隐藏域中的内容

6. span 标记中的内容

7.浏览器兼容  copyToClipboard("拷贝内容")

8.兼容各大浏览器的代码（结合ZeroClipboard.js）

jQuery ZeroClipboard是在ZeroClipboard的基础上进行的改良，简称zClip，作为jQuery的API，jQuery ZeroClipboard也表现的非常简易操作，官方地址：http://www.steamdev.com/zclip/

使用前需引用2个js文件：jquery.js和jquery.zclip.js

现在我们使用jquery.zclip.js简单实现到剪贴板功能demo如下：

上面代码中结合jQuery的操作节点的功能，出色的发挥jquery.zclip.js的作用，如前后的操作，动态插入节点，也可见jquery.zclip.js的强大之处，使用起来是非常简单。