首页 > 其他分享 >JS实现把内容复制到剪切板中

JS实现把内容复制到剪切板中

时间:2023-12-04 23:44:35浏览次数:34  
标签:复制到 剪切板 JS ElMessage async data

其中弹出框是采用了Element-PLUS组件实现,你可以选择使用原生的alert去实现,或者不做提醒都可以,同时我加入了async进行异步,你也可以去掉async(记得同时去掉await),还可以不采用try进行错误处理(我怕一些浏览器不兼容?)

/**
 *	把传入的值放入用于剪切板
 *	data:需要放入剪切板的值
 */
const copyInvitationCode = async (data: any) => {
  try {
    await navigator.clipboard.writeText(data)
      .then(() => {
        ElMessage.success('已经复制到剪切板')
      })
  }
  catch (error) {
    ElMessage.error('复制失败!可能是浏览器不兼容')
  }
  finally {
    copyLoading.value = false
  }
}

标签:复制到,剪切板,JS,ElMessage,async,data
From: https://www.cnblogs.com/MorningMaple/p/17876308.html

相关文章

  • Python中execjs执行JS代码出现中文乱码
    1、乱码场景新建文件code.js,详情如下:functionfun(){return"我是fun函数";}在Python中执行此JS代码:1importexecjs23#读取js4withopen("code.js",encoding="utf8")asf:5jsCode=f.read()6print(jsCode)78#编辑......
  • Python 解析JSON实现主机管理
    JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式,它以易于阅读和编写的文本形式表示数据。JSON是一种独立于编程语言的数据格式,因此在不同的编程语言中都有对应的解析器和生成器。JSON格式的设计目标是易于理解、支持复杂数据结构和具有良好的可扩展性。JSON数据是......
  • js 监听回车按键,keyCode已经废弃
    window.addEventListener("keydown",enterUp);//点击回车键登录constenterUp=(e:any)=>{console.log("inenterup:",e);if(e.keyCode==13||e.keyCode==100){submitForm();}};监听回车,为什么keycode会自增使用了keyCode属性来获取按键的键码,但是需要注意......
  • js jquery 调用摄像头拍照及扫描二维码
     很好用的一个js库:https://github.com/mebjas/html5-qrcodedemo: https://scanapp.org/demo: https://blog.minhazav.dev/research/html5-qrcode vue项目推荐用这个:https://zhuanlan.zhihu.com/p/430917773demo: https://dragonir.github.io/h5-scan-qrcode......
  • quickjs加载字节码文件
    一、使用qjsc编译字节码hello.js console.log("HelloWorld") qjsc.exe-chello.js1constuint32_tqjsc_hello_size=78;23constuint8_tqjsc_hello[78]={40x02,0x04,0x0e,0x63,0x6f,0x6e,0x73,0x6f,50x6c,0x65,0x06,0x6c,0x6f,......
  • js自动播放【轮播图】
    demo<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>AutoCarousel</tit......
  • daemon.json完整配置
    2023-12-04ubuntu安装好docker后,Docker配置文件默认在/etc/docker/daemon.json修改配置文件/etc/docker/daemon.json,进入/etc/docker目录。查看是否有daemon.json文件,没有则执行如下命令创建。touchdaemon.json刚开始文件是空的,添加文件内容配置如下:{"registry-mirrors......
  • js获取时间戳转化成日期格式的直接使用和封装
     一、在页面中直接使用1. 通过模板字符串使用:{{times}}2. 定义变量存放时间:data(){return{times:"",};},3. 在mounted()方法里调用:mounted(){constdate=newDate();constY=date.getFullYear();constM=date.getMonth()+1<10?"0"......
  • SpringBoot+MybatisPlus 存json读json
    基础环境springboot2.5.3mysql8.0.22fastjson22.0.38主要配置1.返回VO字段添加注解@ApiModelProperty("字段内容")@TableField(typeHandler=JacksonTypeHandler.class)privateList<JSONObject>columnContent;2.返回Mapper中的resultMap中字段添加......
  • 页面滚动点击返回至顶部,js怎么实现
    当页面要滚回顶部时,使用scrollTop属性,设置值为0即可当页面具有DOCTYPE,或者说指定了DOCTYPE时,使用document.documentElement.scrollTop。当页面不具有DOCTYPE,或者说没有指定了DOCTYPE时,使用document.body.scrollTop。为了兼容各种情况,建议同时使用这两种写法。documen......