首页 > 其他分享 >点击实现文字复制

点击实现文字复制

时间:2023-08-23 10:01:29浏览次数:42  
标签:文字 style clipboard textarea text 点击 复制 document

// 1. 创建一个方法文件  fun.js
export const copyToClipboard = (text, callback) => {
    if (navigator.clipboard) {
        // clipboard api 复制
        navigator.clipboard.writeText(text);
    } else {
        var textarea = document.createElement("textarea");
        document.body.appendChild(textarea);
        // 隐藏此输入框
        textarea.style.position = "fixed";
        textarea.style.clip = "rect(0 0 0 0)";
        textarea.style.top = "10px";
        // 赋值
        textarea.value = text;
        // 选中
        textarea.select();
        // 复制
        document.execCommand("copy", true);
        // 移除输入框
        document.body.removeChild(textarea);
    }
  if(callback) callback(text)
};


// 2. 页面中使用
import { copyToClipboard } from "./fun.js";

copyToClipboard(val, () => {
        this.$message.success("val值 --- 复制成功!");
});

 

标签:文字,style,clipboard,textarea,text,点击,复制,document
From: https://www.cnblogs.com/qianduan-lucky/p/17650345.html

相关文章

  • Easysearch 跨集群复制实战
    在之前的文章中,有通过网关实现容灾的案例。今天给大家介绍Easysearch的跨集群复制功能。该功能可在集群之间复制数据,应用场景包括但不限于以下举例:灾备同步:将数据同步到灾备中心,灾备中心可对外提供查询服务。读写分离:单一集群读写压力都较大时,为了避免读写互相干扰造成性能降级,可......
  • Easysearch 跨集群复制实战
    在之前的文章中,有通过网关实现容灾的案例。今天给大家介绍Easysearch的跨集群复制功能。该功能可在集群之间复制数据,应用场景包括但不限于以下举例:灾备同步:将数据同步到灾备中心,灾备中心可对外提供查询服务。读写分离:单一集群读写压力都较大时,为了避免读写互相干扰造成性能降......
  • swift--触摸(UITouch)事件(点击,移动,抬起)
    触摸事件:UITouch:一个手机第一次点击屏幕,会形成一个UITouch对象,知道离开销毁。表示触碰。UITouch对象能表明当前手指触碰的屏幕位置、状态,状态分为开始触碰、移动、离开。具体方法介绍如下:1.overridefunctouchesBegan(_touches:Set<UITouch>,withevent:UIEvent?)通知调用者当......
  • Unity TextMeshPro使用自建中文字体
    TextMeshPro  TextMeshPro是Unity新一代字体,是Unity的最终文本解决方案。它是UnityUIText和旧版TextMesh的完美替代方案。功能强大、易于使用、性能高效。目前TextMeshPro对中文的支持也还可以,不过默认不能用,需要自己成生成。  本文就介绍TextMeshPro中文字体文件的......
  • 复制
    将一个对象的引用赋值给另一个对象1.直接赋值Aa1=a2;a1变化a2也变化2.浅复制复制引用不复制引用的对象创建新对象,将当前对象的非静态字段赋值到新对象,值类型复制,引用类型,复制引用而不复制引用的对象publicclassResumeimplementsCloneable{publicObjectcl......
  • CSharp_exe执行文件点击运行无反应;
    问题:点击试图运行exe可执行文件,但无法运行!解决思路:首先,想到的就是C#项目出错;再者就是运行环境缺少支持,查看Microsoft.NETFramework2.0以及Microsoft.NETFramework3.5是否安装,没安装的应该就不能运行的,所以装上即可!......
  • Web_PHP_PHPsubstr截取中文字符出现乱码解决;
          PHPsubstr截取中文字符时通常会出现乱码,我们可以通过使用mbstring扩展库的mb_substr截取;自己书写截取函数等方式来解决这一问题。      substr()函数可以分割文字,但要分割的文字如果包括中文字符往往会遇到问题,这时可以用mb_substr()/mb_strcut这个函数,mb_sub......
  • 谷歌优化“每次点击费用人工出价策略”
    借助每次点击费用(CPC)人工出价,您可以设置愿意为用户每次点击广告所支付的最高价格。这种出价方式可谓是物有所值,因为只有当用户对您的广告有足够的兴趣,点击广告并了解详情时,您才需要付费。以广告牌为例,广告客户根据可能会有多少人在开车路过时看到其广告来支付广告牌空间的费用,......
  • fabric.js 判断点击坐标是否在某个子元素内
     通过 containsPoint方法坐标是否在某个元素内constrect=newfabric.Rect({width:100,height:100,fill:'red',})canvas.add(rect);canvas.on('mousee:down',(event)=>{letpoint=newfabric.Point(event.e.offsetX,eve......
  • 如何复制word的图文到xhEditor中自动上传
    ​ 1.编辑器修改(可选)1.1在 ueditor/config.json 中添加代码块    /* 上传word配置 */    "wordActionName":"wordupload",/* 执行上传视频的action名称 */    "wordFieldName":"upfile",/* 提交的视频表单名称 */    "wordPathFormat":"/p......