谷歌浏览器 怎么用js复制东西到剪贴板

JavaScript020

谷歌浏览器 怎么用js复制东西到剪贴板,第1张

Chrome原生支持window的copy方法

window.copy("this is a test string")

这样,就把“this is a test string”复制到了剪贴板中

不过要注意,该方法的跨平台性不强,低版本的IE可能不支持

可以通过禁用浏览器的js功能来解除网页禁止粘贴,这里以谷歌浏览器为例。

1、同时按住键盘上的“Ctrl”键+“Shift”键+“Del”键打开谷歌浏览器的设置,然后点击页面底部的“高级”按钮:

/iknow-pic.cdn.bcebos.com/d01373f082025aafbd618226f5edab64024f1a8f"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/d01373f082025aafbd618226f5edab64024f1a8f?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/d01373f082025aafbd618226f5edab64024f1a8f"/>

2、点击“高级”按钮之后,在弹出的窗口中向下拉动,然后点击“网站设置”按钮:

/iknow-pic.cdn.bcebos.com/d31b0ef41bd5ad6e229298078fcb39dbb7fd3cf0"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/d31b0ef41bd5ad6e229298078fcb39dbb7fd3cf0?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/d31b0ef41bd5ad6e229298078fcb39dbb7fd3cf0"/>

3、在网站设置中找到“JavaScript”这一项,然后点击一项的按钮:

/iknow-pic.cdn.bcebos.com/9213b07eca8065389db958fe99dda144ac348288"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/9213b07eca8065389db958fe99dda144ac348288?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/9213b07eca8065389db958fe99dda144ac348288"/>

4、在弹出的页面中将JavaScript关闭,这时就解除了网页的禁止粘贴了:

/iknow-pic.cdn.bcebos.com/80cb39dbb6fd5266d5a7c0f9a518972bd507364a"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/80cb39dbb6fd5266d5a7c0f9a518972bd507364a?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/80cb39dbb6fd5266d5a7c0f9a518972bd507364a"/>

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

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

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

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

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

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

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

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