Clipboard API的学习

这是有关于文本粘贴复制的相关API,如下图,如果触发了复制的操作就会执行事件的监听并将复制或剪贴的内容放入到剪贴板中。

当我使用preventDefault()事件的时可以阻止浏览器的默认行为将复制或剪贴的内容放入到剪切板中,从而无法进行粘贴

并且可以通过

navigator.clipboard.writeText('这段文本不允许复制');

输出自己所想要输出的相关内容

同样的,不仅可以进行复制内容还可以在复制的内容的和自己想要打印的内容进行字符串的拼接起来输出

因为复制粘贴的操作浏览器需要访问用户的剪切板,而用户的剪切板具有私密性,所以浏览器需要访问用户是否允许访问剪切板

如果复制或剪切的内容是图片的话,可以直接粘贴,但是如果复制的图片是文件的形式,那么就需要将文转换成base64格式的文件再转换成图片形式打印出

以上内容出自渡一教育，如果有不对希望有大佬指出!!!