js 剪切板的用法(clipboardData.setData)

JavaScript019

js 剪切板的用法(clipboardData.setData),第1张

经常看到这样一种效果:就是单击一个按钮,就将某个区域内的内容,复制到了剪切板中。其实这个功能实现起来也不难,核心就是用到了window子对象clipboardData的一个方法:setData()

语法:

参数:

返回值:复制成功返回true;失败返回false。

例如

提供了对剪贴板的访问。

三个方法

在进行拖放操作的时候,dataTransfer对象可以用来保存被拖动的数据。它可以保存一项或多项数据、一种或多数数据类型。通谷一点讲,就是可以通过它来传输被拖动的数据,以便在拖拽结束的时候,对数据进行其他的操作。

在项目拖动的开始事件( ondragstart )的时候,可以对dataTransfer进行设值操作( setData )。

在项目拖动结束的时候,可以获取dataTransfer对象里的值。

在其它的事件(如 ondragover 、 ondragleave 等),是无法获取dataTransfer里面的值了。这是由于W3C要求对dataTransfer里的值进行保护[ 参考 ]。因此,如果需要在这些事件里获取数据,只能通过一个全局变量等其它方式来实现了。