首页 > 其他分享 >clipboard.js多次执行

clipboard.js多次执行

时间:2023-03-22 18:55:59浏览次数:37  
标签:function dom 多次 js clipboard cbSuccess 复制

 

<a href="javascript:void(0)" onclick="cloneCode('codeBtn');" data-clipboard-text="aaaa" id="codeBtn">复制券码</a>

 

var clipboard;//这里定义全局变量
function cloneCode(dom){
  if(clipboard){clipboard.destroy();}//销毁上一次的
  clipboard = new ClipboardJS('#'+dom);//我们传入了按钮的id
  let cbSuccess = false;
  clipboard.on('success', function(e) {

    layer.msg('复制成功!', { //没销毁前,就是这里会反复执行。
      time: 1200 //2秒关闭(如果不配置,默认是3秒)
    });
    e.clearSelection();
    cbSuccess = true;
  });
  clipboard.on('error', function(e) {
    alert('您的浏览器暂不支持该功能,请手动长按链接后复制');
  });
}

标签:function,dom,多次,js,clipboard,cbSuccess,复制
From: https://www.cnblogs.com/mingluxy/p/17245091.html

相关文章

  • Node.js安装与配置(详细步骤)
    前言本篇博文记录了Node.js安装与环境变量配置的详细步骤,旨在为将来再次配置Node.js时提供指导方法。另外:Node.js版本请根据自身系统选择,安装位置、全局模块存放位置和环......
  • js 截取文件后缀名的3种方式
    1.情景展示当我们使用文件上传插件,将文件上传到后台,有时候需要上传的不止一种文件类型,即:图片或着PDF;我们可能需要根据不同文件类型,提供不同的预览地址。如何根据文件......
  • 全网最详细中英文ChatGPT-GPT-4示例文档-官网推荐的48种最佳应用场景——从0到1快速入
    目录Introduce简介setting设置Prompt提示Sampleresponse回复样本APIrequest接口请求python接口请求示例node.js接口请求示例curl命令示例json格式示例其它资料下载......
  • 记录--我在前端干工地(three.js)
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前段时间接触了Three.js后,试着用他加载了一些模型three.js初体验简陋的了解了一下three.js的相关使用,并......
  • 解决for in 遍历js对象,得到的顺序不正确问题
    最近在项目中需要遍历一个对象,按照顺利来渲染用forin之后发现每次得到的对象属性的顺序都不是按照后端数据源来排序的。因为对象中没有顺序,他不是数组,所以想要得到一个......
  • nest.js学习笔记(七) --知识点拾遗
    1、nestjs中引用esm插件nestjs是使用commonjs规范进行开发,但是目前市场上很多插件是使用module的形式进行开发,所以遇到引用问题时,建议开发都绕过去,使用功能差不多的插件,但......
  • 在请求中使用键值对来进行传参,不使用JSON格式
    在项目中碰到了个别请求需要使用键值对进行传参,不允许使用JSON格式。第一步:引入qs模块,qs模块时node自带的模块,直接引入即可importqsfrom'qs'第二步:使用qs.stringif......
  • Json Long 类型精度丢失
    1.现象在SpringBoot项目中,使用Jackson将Java对象转为Json传给前端,但Java对象有Long类型字段,传给前端后会出现精度丢失的现象。比如发送的Json字符串如下所......
  • JavaScript 通讯框架 NowJS
    NowJS是一个实现了JavaScript服务器端进行通讯的框架,基于​​Node.js​​开发。示例代码:服务器端:<scriptsrc="/nowjs/now.js"></script>vareveryone=require("now"......
  • JSP布局框架 JSP Layout
    JSPLayout是一个用来实现JSP布局支持的简单示例项目。该项目只需要一个Servlet类,一些配置即可。下载的压缩包中包含一个完整的项目,可直接导入Eclipse进行编译。运行......