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视频教程截图

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

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

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

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

    电子书 71 4年前
最新更新
  • js截取字符串教程

    slice()方法接受两个参数,起始索引和结束索引(可选)。它返回从起始索引到结束索引(不包括结束索引)之间的子字符...

    js教程 3个月前
  • find findIndex indexOf索引选择器使用方法

    find使用方法find方法是ES6引入的一种数组方法,可以用来查找数组中符合条件的元素。语法是:array.find(callba...

    js教程 3个月前
  • js复制网页内容教程

    Async Clipboard API方法HTML5新增的方法,无需引入第三方插件,直接就可以复制内容。低版本的浏览器可能会不兼...

    js教程 3个月前
  • js获取字符长度函数分享

    js获取字符长度函数function objLen(str) { if (str == null) return 0; if (typeof str != "string") { ...

    js教程 3个月前
  • 网站LED跑马灯效果广告代码

    网站可以看到很多的论坛网站都会用到这种网站LED跑马灯效果,这种效果实现也很简单,分享给大家。LED跑马灯效果...

    js教程 4个月前