首页 > 其他分享 >在线客服系统复制聊天链接,JS实现复制文本函数

在线客服系统复制聊天链接,JS实现复制文本函数

时间:2023-02-23 13:46:19浏览次数:38  
标签:dummy document JS 复制 input 文本

客服系统(gofly.v1kf.com)后台有这个功能,可以直接复制文本信息,JS实现的函数

 

 

function copyToClipboard(text) {
  var dummy = document.createElement("input"); // 创建一个input元素
  document.body.appendChild(dummy); // 将其添加到页面中
  dummy.setAttribute("value", text); // 设置其值为要复制的文本
  dummy.select(); // 选中input元素中的文本
  document.execCommand("copy"); // 执行浏览器复制命令
  document.body.removeChild(dummy); // 将input元素从页面中移除
  alert("已成功复制到剪贴板!");
}

 

标签:dummy,document,JS,复制,input,文本
From: https://www.cnblogs.com/taoshihan/p/17147641.html

相关文章

  • js浮点数精确计算函数(加,减,乘,除)
    js浮点数精确计算函数(加,减,乘,除)//浮点数加法运算functionFloatAdd(arg1,arg2){varr1,r2,m;try{r1=arg1.toString().split(".")[1].length}catch(e){r......
  • json库使用之removeMember
    工作中可能会遇到这种情况:想用json变量的内容但又不需要用全部,想把不需要的项删除掉。此时removeMember派上了用场。removeMember有好几个重载的版本,这里只讲3个常用的版......
  • nodejs 修改端口号 process.env.PORT(window环境下)
    nodejs修改端口号process.env.PORT(window环境下)各个环境下,nodejs设置process.env.PORT的值的命令,如下1.linux环境下:PORT=1234nodeapp.js使用上面命令每次都需......
  • node.js快速入门
    一.NodeJS简介1.1了解NodeJS简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个基于ChromeJavaScript运行时建立的一个平台。Node.js是一个事件驱动I/......
  • Node.js 入门
    本文摘自cnodejs.org,收集的比较全就直接拿过来了,帮助nodejs前端初学者初步了解nodejs的相关基础知识,为后面进一步学习打下基础。    本文摘自cnodejs.org,收集的比......
  • 解决windows复制粘贴自动格式转换功能失效
    最开始用vscode的jupyternotebook发现粘贴格式乱的一托。后面以为是vscode或者notebook的问题,下了这个插件pasteandintend也没解决,搞了一下午搞得怀疑人生。之后改用pych......
  • vue3+antd+jsx 实现表格行数据排序的动画效果
    ------------恢复内容开始------------vue3的写法转载https://blog.csdn.net/qq_51898604/article/details/128973430因为ant-design表格组件没有封装拖拽排序的方法,需......
  • JS语法让人困惑的点 “==与===”
    在JS中有很多神奇的语法,非常让人困惑,我们就先一一道来,相信你在开发中或多或少都踩过这些坑,或者让人无法理解。今天我们就来说下【】和【=】这题对于很多没有系统学过前端......
  • 858~860AJAX 概念、实现原生js
    AJAX:1.概念:AsynchronousJavascriptAndXML异步的JavaScript和xml1.异步和同步:客户端和服务器端相互通信的基础上客户端必须等待服务器......
  • vim 复制
    在vim中快速复制粘贴多行 用vim写代码时,经常遇到这样的场景,复制多行,然后粘贴。 这样做:1.将光标移动到要复制的文本开始的地方,按v进入可视模式。2.将光标移动到要复......