之前看了很多文章都是引入一些clipboard組件籽暇,查看MDN文檔后發(fā)現(xiàn)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'
})
)
完成需求蚯撩。