JavaScript怎么实现一键复制文本功能


这篇文章主要介绍了JavaScript怎么实现一键复制文本功能的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript怎么实现一键复制文本功能文章都会有所收获,下面我们一起来看看吧。方法 1: Clipboard.writeText(), 用于将文本内容写入剪贴板;方法 2: Clipboard.write(), 用于将文本数据/二进制数据写入剪贴板Clipboard.write()不仅在剪贴板可写入普通text,还可以写入图片数据(Chrome浏览器仅支持png格式)。免费云主机域名① 优点所有操作都是异步的,返回 Promise 对象,不会造成页面卡顿;无需提前选中内容,可以将任意内容(比如图片)放入剪贴板;② 缺点: 允许脚本任意读取会产生安全风险,安全限制较多。Chrome 浏览器规定,只有 HTTPS 协议的页面才能使用这个 API;调用时需要明确获得用户的许可。document.execCommand('copy'),用于将已选中的文本内容写入剪贴板。结合 window.getSelection()方法实现一键复制功能:① 优点使用方便;各种浏览器都支持;只能将选中的内容复制到剪贴板;同步操作,如果复制/粘贴大量数据,页面会出现卡顿。关于“JavaScript怎么实现一键复制文本功能”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“JavaScript怎么实现一键复制文本功能”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注百云主机行业资讯频道。

相关推荐: node环境和浏览器环境有哪些区别

本文小编为大家详细介绍“node环境和浏览器环境有哪些区别”,内容详细,步骤清晰,细节处理妥当,希望这篇“node环境和浏览器环境有哪些区别”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 区别:1、在node中this指向globa…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 05/28 14:37
Next 05/28 17:40

相关推荐