js教程

HTML5复制clipboard API使用方法

我的站长站 2023-07-25 人阅读

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教程
  • 2020千峰HTML5前端视频教程
    2020千峰HTML5前端视频教程

    2020千峰HTML5前端视频教程,本课程为录播,学习HTML5基本特性的使用,附相关素材以及课上代码笔记等等。HTML5视频教程截图

    视频教程 81 3年前
  • Flash插件宣告死亡 将被HTML5取代

    Flash宣告死亡Adoebe官方网站发布了公告,2020年12月30日起终止更新Flash。目前Chrome、Edge等浏览器默认不开启Flash,如果页面视频采用Flash进行播放,都会收到提示。二、Flash死亡原因1、HTML5、WebGL及WebAssembly逐渐成熟,包含了原本只有Flash插件才有...

    网络新闻 174 4年前
  • html5中文手册
    html5中文手册

    html5中文手册说明1、通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则,2、HTML 5 改进了互操作性,并减少了开发成本。3、HTML 5 中的新特性包括了嵌入音频、视频和图形的功能,客户端...

    电子书 78 4年前
最新更新