之前看了很多文章都是引入一些clipboard组件，查看MDN文档后发现H5更新了一个clipboard API,直接通过浏览器就可以获取复制到剪切板，在目前的H5页面中十分的好用，非常的银杏。
具体的文档查看如上，文章中有个实例，获取页面中元素的信息粘贴到剪切板。
navigator.clipboard.readText().then(
clipText => document.querySelector(".cliptext").innerText = clipText);
我们的需求是点击复制浏览器中的路由信息：
let data = window.location.href // 拿到目前的路由信息
navigator.clipboard.writeText(data).then(
data =>
uni.showToast({ //封装的toast 成功回调
title:'复制成功，快去分享吧！',
icon:'none'
})
)
完成需求。
之前看了很多文章都是引入一些clipboard组件，查看MDN文档后发现H5更新了一个clipboard API,...
点击按钮实现复制功能
路由的分类 页面路由 hash 路由 h5路由 react路由 react-router-dom 路由方式 h5路...
点击过得路由信息放在了vuex中管理
点击按钮 实现一键复制
{{copys}} 复制 data(){ return{ copys:'内容' } }， method...
安装 npm i clipboard -S 在需要使用的页面中引入 import clipboard from ...
前端实现点击复制的通用方法是首先选中页面内容，然后调用 但该方法已经接近废弃并不建议使用，详情可搜索CDN。替代方...
前端H5移动端点击按钮复制邀请码。 (注:这个插件复制的对象必须是input 或者 textarea 里面的值。所...
Clipboard.js实现点击自动复制内容的功能 点击非文本框，自动复制，代码如下 value: value ...
本文标题：h5实现点击复制路由信息
本文链接：https://www.haomeiwen.com/subject/wariiktx.html
网友评论