微客导航 » 文章资讯 » 代码详解JS操作剪贴板

代码详解JS操作剪贴板

2023-09-16 10:33:07 130

javascript可以轻松操作客户端剪贴板内容，不过只适用IE5以上浏览器。

javascript可以使用window.clipboardData对象处理剪贴板内容。

保存到剪贴板的方法setData(param1,param2)。

param1:数据类型text或URL等。

param2:数据内容。

从剪贴板读出数据的方法getdata(param1)

清空数据的方法clearData(param1)



测试操作剪贴板



拷贝



显示
清空



下面是另一个例子实现页面中选中字符，并拖拉到文本区功能。注意其中的window.event.dataTransfer对象也可处理剪贴板内容，不过只能用在drag-and-drop操作中。


测试操作剪贴板2




选择我们并把我们拖到下面的textarea

返回顶部
3162201930
czq8825@qq.com