html
<p id="text">我是要复制的内容</p>
<button id="btn">复制</button>
js
const pEl=document.querySelector("#text");
const btn=document.querySelector("#btn");
btn.onclick=function (){
const text=pEl.innerText;
//异步 无需浏览器权限申请
navigator.clipboard.writeText(text).then(()=>{
console.log("copy success");
},()=>{
console.log("copy failed");
});
}
只要调用navigator.clipboard.writeText(text)，就可以把内容复制到剪切板了，非常方便，现在高级浏览器也都支持了，很爽
只弹出一次，使用cookie记录。复制内容到剪切板，使用原生js。
实现需求：点击按钮，复制文本内容到剪切板html结构： js部分：首先引入clipboard.min.js cli...
html js 只要调用navigator.clipboard.writeText(text)，就可以把内容复制到...
本节学习目标 复制内容到剪切板 获取剪切板内容 一般在手机上都是手动复制或者粘贴,如下 本节我们就使用代码进行复制...
需求：用户点击指定的地方就可以复制内容到剪切板 前置知识 document.execCommand()方法先看看这...
引入如下外部js，可以去百度搜一下clipboard.min.js，截至目前苹果手机机型全都测试通过、安卓机型适配...
按照clipboard.js的官网，正常情况下，可以在页面复制内容到剪切板，但是如果到了模态框就无效了。解决办法:
复制到剪切板
点击复制-点击div或者p标签复制内容到剪切板 最近在做一个需求，就是需要点击div或者p标签需要复制其中的内容到...
JS拷贝内容到剪切板（2019/5/29更新兼容所有浏览器）
本文标题：js 复制内容到剪切板
本文链接：https://www.haomeiwen.com/subject/axymrrtx.html
网友评论