话不多说，直接上代码

方式1:

使用： document.execCommand
注意：即将被弃用了

copyToClip(content,tips) {console.log("复制的内容", content,'复制成功后的提示文本',tips);var ele = document.createElement("input"); //创建一个input标签ele.setAttribute("value", content); // 设置改input的value值document.body.appendChild(ele); // 将input添加到bodyele.select();  // 获取input的文本内容document.execCommand("copy"); // 执行copy指令document.body.removeChild(ele); // 删除input标签if(tips == null){ // 显示复制成功之后的提示文本alert('已将内容复制到剪切板')}else{alert(tips)}}

方式2:

使用：Clipboard
【Clipboard API 】可用于实现剪切、复制和粘贴功能。

如果用户没有适时使用 Permissions API 授予相应权限和"clipboard-read"或 "clipboard-write"权限，调用Clipboard对象的方法不会成功。
所有剪贴板API 方法都是异步的；它们返回一个 Promise 对象，在剪贴板访问完成后被执行。如果剪贴板访问被拒绝，promise 也会被拒绝

注意：系统剪贴板暴露于全局属性 Navigator.clipboard之中

copyToClip(content,tips) {if (navigator.clipboard && window.isSecureContext) {navigator.clipboard.writeText(content).then(// 复制成功callbackfunction(){if(tips == null){alert("复制成功");}else{alert(tips);}},// 复制失败callbackfunction(){alert("复制失败");},)}}

js如何将内容添加到剪切板？相关推荐

将内容复制到剪切板兼容主流浏览器的解决方案
html : <body><div class="demo-area"><label for="copy-input">输入 ...
VSCode实用快捷键：复制粘贴内容不改变剪切板等
VSCode里面有很多快捷键,接下来我讲一些我认为最实用的,可以帮助萌新提高代码编写速度 1.快捷复制粘贴 · 会改变剪切板的复制 ctrl+c 光标定在那一行想复制的地方,直接Ctrl+c,然后直接 ...
Html将内容复制到剪切板.
Html将内容复制到剪切板. 引入clipboard.min.js /*!* clipboard.js v1.6.1* https://zenorocha.github.io/clipboard.js ...
clipboard.js,点击复制到系统剪切板,适合移动端、PC端复制
官网地址:https://clipboardjs.com/ GitHub地址:https://github.com/zenorocha/clipboard.js/ 下载后的文件目录: demo中有示例 ...
Android将内容复制到剪切板
近期,项目里需要用到将部分内容复制到剪切板,以前用到都是随用随找,挺麻烦的,最近整理一下,在这里记录一下其实Android提供的剪贴板框架,Android提供ClipboardManager.Cli ...
右键添加新建剪切板文件夹新建今天日期文件夹
获取剪切板的vbs '获取剪切板的内容 Dim Form, TextBox Set Form = CreateObject("Forms.Form.1") Set TextBox ...
html图片如何复制到剪贴板,js 如何实现复制图片到剪切板
首先复制到剪切板,复制的是数据.图片看到的只是一种表现形式,图片可以用 js 对象 File.Blob.DataURL(base64) 体现出来. 又看到 document.execCommand(' ...
计算机关闭系统剪切板上的内容,怎么清空剪切板内容？
当您在使用电脑的"复制"以及"剪切"功能时,windows系统会把"复制"或"剪切"内容暂时存储在内存里,假如暂存的数据 ...
VSCode使用VIM复制内容到系统剪切板
打开VSCode的 settings.json 文件,打开方法: 1. '' Ctrl + , '' 或者文件--首选项--设置 2. 点击下图的图标在末尾添加: "vim.useSys ...

js如何将内容添加到剪切板？

方式1:

方式2:

js如何将内容添加到剪切板？相关推荐

最新文章

热门文章