Javascript复制内容到剪贴板,解决navigator.clipboard Cannot read property ‘writeText‘ of undefined
Javascript复制内容到剪贴板,解决navigator.clipboard Cannot read property ‘writeText‘ of undefined

Javascript复制内容到剪贴板,解决navigator.clipboard Cannot read property ‘writeText‘ of undefined

起因

最近帮同事实现了一个小功能——复制文本到剪贴板,主要参考了前端大神阮一峰的博客,根据 navigator.clipboard 返回的 Clipboard 对象的方法 writeText() 写文本到剪贴板。在本地测试时一切正常,到了测试环境却提示:

在 Chrome 的 DevTools 控制台下执行 navigator.clipboard 返回 undefined,经查找资料发现是浏览器禁用了非安全域的 navigator.clipboard 对象,哪些地址是安全的呢?

安全域包括本地访问与开启TLS安全认证的地址,如 https 协议的地址、127.0.0.1 或 localhost 。

所以本文就是作一个兼容写法,在安全域下使用 navigator.clipboard 提升效率,非安全域退回到 document.execCommand('copy'); 保证功能可用。

脚本内容

 

点击数:5

发表回复