JS原生 复制粘贴

JavaScript025

JS原生 复制粘贴,第1张

本篇文章不考虑浏览器兼容,谷歌浏览器亲测至少得88版本往上。Mac系统复制粘贴html数据,会自动加一些标签,小伙伴们自己测吧。一般需求用不着。

想要实现复制粘贴就只需要搞明白两件事就可以了。

第一就是如何往粘贴板里边存放数据,第二就是如何读取粘贴板里边的数据。

所操作的数据大致可以分为三类数据 1:字符串 2:带样式的HTML 3:图片 还有其他数据格式,还请各位小伙伴补充指教吧。

① 如果只是放普通字符串是最简单的

② 想要放入带格式的数据,比如想要往word内粘贴一个表格,跟正常写html标签加写样式是一样的

③往粘贴板内放入图片,目前只支持放png图片

其实也可以用放HTML的方式,把图片放入粘贴板内

javascript代码

<SCRIPT LANGUAGE="JavaScript">

function copyText(text)

{

window.clipboardData.setData("text",text)

}

</SCRIPT>

HTML代码

<body onload=copyText('123')>

</body>