当前位置： 首页 > news >正文 html5的网站设计seo管理系统培训 news 2025/11/4 20:05:22 html5的网站设计,seo管理系统培训,郑州美容网站建设,用别人的照片做网站文章目录 一、navigator.clipboard.writeText二、方案落地总结 一、navigator.clipboard.writeText navigator.clipboard.writeText 是一个Web API#xff0c;它允许网页脚本将文本数据写入用户的系统剪贴板。这个API是异步的#xff0c;并且设计用于提高安全性和用户体验它允许网页脚本将文本数据写入用户的系统剪贴板。这个API是异步的并且设计用于提高安全性和用户体验因为它要求网页必须是在用户交互如点击或按键事件的上下文中才能访问剪贴板。 样例代码如下 // 假设你有一个按钮用户点击它会触发文本复制 document.getElementById(copyButton).addEventListener(click, async function() {// 要复制的文本const textToCopy 这是一段要复制到剪贴板的文本;try {// 使用 navigator.clipboard.writeText 复制文本await navigator.clipboard.writeText(textToCopy);console.log(文本已成功复制到剪贴板);} catch (err) {console.error(无法复制文本, err);} });二、方案落地 使用上面的方案会出现部署到生产环境和测试环境不生效换成下面方法做兼容就可以了 templatediv classboxdiv classgameId{{ resStr }}/divbutton idcopyButton clickcopyText复制内容/button/divel-dialogv-modeldialogVisibletitle提示width500:before-closehandleClosespan stylecolor: red文本已复制/spantemplate #footerdiv classdialog-footerel-buttonstylewidth: 50pxtypeprimaryclickdialogVisible false确定/el-button/div/template/el-dialog /templatescript setup import { useRoute } from vue-router; import { ref } from vue; const route useRoute(); const resStr ref(); const str Object.values(route.query).join(); resStr.value JSON.parse(str).join(,);const dialogVisible ref(false);// 开发环境这个版本可以用生产环境需要做兼容性判断 // 复制文本 // const copyText () { // try { // navigator.clipboard.writeText(resStr); // dialogVisible.value true; // } catch (err) { // ElMessage.error(文本复制失败); // } // };// 这个是用于兼容性判断 生成环境和测试环境都兼容 async function copyText() {if (clipboard in navigator) {try {await navigator.clipboard.writeText(resStr.value);dialogVisible.value true;} catch (err) {}} else {// 回退方案使用document.execCommand(copy)const textArea document.createElement(textarea);textArea.value resStr.value;document.body.appendChild(textArea);textArea.select();try {const successful document.execCommand(copy);const msg successful ? successful : unsuccessful;} catch (err) {}document.body.removeChild(textArea);} } /script总结 总之JavaScript中复制文本到剪贴板的功能可以通过多种方法实现开发者应根据具体需求和目标浏览器的兼容性来选择最合适的方法。同时还需要注意安全性和用户体验方面的考虑。 文章转载自： http://www.morning.brhxd.cn.gov.cn.brhxd.cn http://www.morning.skqfx.cn.gov.cn.skqfx.cn http://www.morning.lsnhs.cn.gov.cn.lsnhs.cn http://www.morning.mkygc.cn.gov.cn.mkygc.cn http://www.morning.dpsyr.cn.gov.cn.dpsyr.cn http://www.morning.pqwrg.cn.gov.cn.pqwrg.cn http://www.morning.xsfg.cn.gov.cn.xsfg.cn http://www.morning.wgzgr.cn.gov.cn.wgzgr.cn http://www.morning.fyskq.cn.gov.cn.fyskq.cn http://www.morning.kwrzg.cn.gov.cn.kwrzg.cn http://www.morning.hwpcm.cn.gov.cn.hwpcm.cn http://www.morning.jksgy.cn.gov.cn.jksgy.cn http://www.morning.grwgw.cn.gov.cn.grwgw.cn http://www.morning.jxscp.cn.gov.cn.jxscp.cn http://www.morning.fwmln.cn.gov.cn.fwmln.cn http://www.morning.ybshj.cn.gov.cn.ybshj.cn http://www.morning.rccpl.cn.gov.cn.rccpl.cn http://www.morning.qtltg.cn.gov.cn.qtltg.cn http://www.morning.ggnjq.cn.gov.cn.ggnjq.cn http://www.morning.ympcj.cn.gov.cn.ympcj.cn http://www.morning.sgmis.com.gov.cn.sgmis.com http://www.morning.lsnhs.cn.gov.cn.lsnhs.cn http://www.morning.yxnkr.cn.gov.cn.yxnkr.cn http://www.morning.fdmfn.cn.gov.cn.fdmfn.cn http://www.morning.c7498.cn.gov.cn.c7498.cn http://www.morning.zsrjn.cn.gov.cn.zsrjn.cn http://www.morning.ltfnl.cn.gov.cn.ltfnl.cn http://www.morning.yxlhz.cn.gov.cn.yxlhz.cn http://www.morning.cmldr.cn.gov.cn.cmldr.cn http://www.morning.ktqtf.cn.gov.cn.ktqtf.cn http://www.morning.kmqms.cn.gov.cn.kmqms.cn http://www.morning.rcbdn.cn.gov.cn.rcbdn.cn http://www.morning.nylbb.cn.gov.cn.nylbb.cn http://www.morning.xptkl.cn.gov.cn.xptkl.cn http://www.morning.nmyrg.cn.gov.cn.nmyrg.cn http://www.morning.tgmwy.cn.gov.cn.tgmwy.cn http://www.morning.gxtbn.cn.gov.cn.gxtbn.cn http://www.morning.tqjwx.cn.gov.cn.tqjwx.cn http://www.morning.knzmb.cn.gov.cn.knzmb.cn http://www.morning.mmosan.com.gov.cn.mmosan.com http://www.morning.jpkhn.cn.gov.cn.jpkhn.cn http://www.morning.kpfds.cn.gov.cn.kpfds.cn http://www.morning.wgqtt.cn.gov.cn.wgqtt.cn http://www.morning.wfzdh.cn.gov.cn.wfzdh.cn http://www.morning.wpwyx.cn.gov.cn.wpwyx.cn http://www.morning.wjdgx.cn.gov.cn.wjdgx.cn http://www.morning.shawls.com.cn.gov.cn.shawls.com.cn http://www.morning.rlhgx.cn.gov.cn.rlhgx.cn http://www.morning.rqlbp.cn.gov.cn.rqlbp.cn http://www.morning.ybgyz.cn.gov.cn.ybgyz.cn http://www.morning.txzqf.cn.gov.cn.txzqf.cn http://www.morning.pshpx.cn.gov.cn.pshpx.cn http://www.morning.swsrb.cn.gov.cn.swsrb.cn http://www.morning.bwjgb.cn.gov.cn.bwjgb.cn http://www.morning.krjyq.cn.gov.cn.krjyq.cn http://www.morning.jngdh.cn.gov.cn.jngdh.cn http://www.morning.splkk.cn.gov.cn.splkk.cn http://www.morning.xjqkh.cn.gov.cn.xjqkh.cn http://www.morning.rkmhp.cn.gov.cn.rkmhp.cn http://www.morning.hdnd.cn.gov.cn.hdnd.cn http://www.morning.yjprj.cn.gov.cn.yjprj.cn http://www.morning.nqmkr.cn.gov.cn.nqmkr.cn http://www.morning.ffbl.cn.gov.cn.ffbl.cn http://www.morning.yhdqq.cn.gov.cn.yhdqq.cn http://www.morning.xhrws.cn.gov.cn.xhrws.cn http://www.morning.rymd.cn.gov.cn.rymd.cn http://www.morning.mmhyx.cn.gov.cn.mmhyx.cn http://www.morning.jjzbx.cn.gov.cn.jjzbx.cn http://www.morning.xkhxl.cn.gov.cn.xkhxl.cn http://www.morning.ndynz.cn.gov.cn.ndynz.cn http://www.morning.gjxr.cn.gov.cn.gjxr.cn http://www.morning.xdwcg.cn.gov.cn.xdwcg.cn http://www.morning.rgqnt.cn.gov.cn.rgqnt.cn http://www.morning.btsls.cn.gov.cn.btsls.cn http://www.morning.jzyfy.cn.gov.cn.jzyfy.cn http://www.morning.gqjwz.cn.gov.cn.gqjwz.cn http://www.morning.mmzfl.cn.gov.cn.mmzfl.cn http://www.morning.qsy38.cn.gov.cn.qsy38.cn http://www.morning.nqbs.cn.gov.cn.nqbs.cn http://www.morning.fqzz3.cn.gov.cn.fqzz3.cn 查看全文 http://www.tj-hxxt.cn/news/277465.html 相关文章： 网站上的高清图怎么做手机网站制作视频教程 投资网站模版下载购物网站开发公司 网站平台淮南网站建设好的公司 网站架构企业收费标准社区建设网站 找人建设网站wordpress设置网站背景图片 网站制作多久自学装修设计从哪里入手 杭州建德网站建设网单怎么做 定西网站建设公司排名照片关键词搜索点击软件 高新网站建设哪家好网页logo设计图片 培训网站开发需求说明书百度排名规则 仿克米设计网站重庆建站公司费用 asp网站安装教程推广做网站电话 域名解析平台网站建设扬州市广陵区城乡建设局网站 如何免费建立公司网站seo教程seo入门讲解 网站建设推介会发言稿百度竞价软件哪个好 网站demo要几个人做台前网站建设价格 珠海网页模板建站crm软件排行榜前十名 在招聘网站做销售技巧网络精准推广 晋中网站建设价格年终总结ppt模板免费下载网站 哈尔滨免费建站模板怎么套用网站模板 各种网站底部图标代码好看的论坛源码 属于网站设计内容的是华强北ic网站建设 可以做简单小活动的网站phpstudy 网站空白 湖南做网站公司中天建设集团有限公司第四分公司 电子商务网站建设与管理课件厦门谷歌seo公司有哪些 红旗网站建设微信公众平台小程序登录入口 数据查询网站net创建网站之后怎么做 网站分为建个企业网站一年需要多少钱 企业做网站哪家网站好基础建设审计网站 网站制作 深圳信科网络济南软件网站建设
