这次给大家带来navigator.clipboard浏览器怎么制作原生剪贴板，navigator.clipboard浏览器制作原生剪贴板的注意事项有哪些，下面就是实战案例，一起来看一下。
浏览器原生剪贴板 navigator.clipboard
写入 navigator.clipboard.writeText
navigator.clipboard.writeText('Linr Text to be copied') .then(() => { console.log('Text copied to clipboard'); }) .catch(err => { // This can happen if the user denies clipboard permissions: console.error('Could not copy text: ', err);});
登录后复制
读取 navigator.clipboard.readText
navigator.clipboard.readText() .then(text => { console.log('Pasted content: ', text); }) .catch(err => { console.error('Failed to read clipboard contents: ', err); });
登录后复制
document.addEventListener('paste', event => { event.preventDefault(); navigator.clipboard.getText().then(text => { console.log('Pasted text: ', text); });});
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
请求跨域解决方法CORS
react-native flatlist上拉加载onEndReached频繁触发怎么解决
Dom属性的使用方法
以上就是navigator.clipboard浏览器怎么制作原生剪贴板的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2780626.html
