欢迎光临 - 我的站长站,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

js教程

HTML5复制clipboard API使用方法

js教程 我的站长站 2023-07-25 共97人阅读

HTML5更新了clipboard API,可以直接复制文本了,以后不在需要引入第三方插件了。

分享一个官方实例,复制页面中元素的信息到剪切板。代码如下:

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'
)
)

完成需求。

标签 HTML5教程