JS原生 复制粘贴

JavaScript024

JS原生 复制粘贴,第1张

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

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

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

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

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

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

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

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

我运行了你的代码,其实是可以复制粘贴的,因为你设置的复制出的图像覆盖了原来的位置了,这个可以查看元素可以看得到的。你可以改变

if(Obj!=null)

{

Obj.style.left = event.x-Obj.l

Obj.style.top = event.y-Obj.t

}

改成

if(Obj!=null)

{

Obj.style.left = event.x-Obj.l+100+'px'

Obj.style.top = event.y-Obj.t+100+'px'

}

就可以看得出来了