在写项目的时候,需要用到剪贴板的功能。参考项目中的写法,使用document.execCommand()方法。1consttext="这是要复制的内容"2constinput=document.createElement('input');//直接构建input3document.body.appendChild(input);//添加一个临时元素4input.value=text;//设置内容5input.select();//选择元素6constresult=document.execCommand('copy');//执行副本7document.body.removeChild(input);//删除临时元素看到webstrom的提示发现这个方法是一个deprecatedsymbol。然后我考虑用什么代替。查看官方文档MD5官方文档:https://developer.mozilla.org...也可以看到这个方法已经被弃用了。ClipboardClipboardAPI为Navigator接口添加了一个只读属性clipboard,它返回一个Clipboard对象,可以读写剪贴板的内容。例子中推荐写法:Copytoclipboard:consttext="Thisisthecontenttobecopied";navigator.clipboard.writeText(text).then(()=>{console.log("success");},()=>{console.log("Failed");}从剪贴板读取:navigator.clipboard.readText().then(text=>console.log('剪贴板信息为',text));当clipboard为空或不包含文本,readText()将返回一个空字符串运行结果:但是,根据兼容性表,有些浏览器不兼容此api,例如Firefox。尽管document.execCommand已被弃用,但显然具有更好的兼容性。正如ClipboardAPI文档中所写:navigator.clipboardAPI是最近添加到规范中的,可能不会在所有浏览器中完全实现。对该API的支持尚未普及。所以最后我使用了document.execCommand("copy");使其具有更广泛的浏览器覆盖范围。
