复制到粘贴板

复制到,粘贴板 · 浏览次数 : 11

小编点评

```javascript copy(){ const input = document.createElement('input'); input.setAttribute('id', 'copyInput'); input.setAttribute('value', this.inviteCode); // 设置一些样式 input.style.cssText = ` font-family:siyuan; max-width:60%; min-width: 150px; padding:0 14px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; text-align: center; border-radius: 4px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999999; background: rgba(0, 0, 0,.7); font-size: 28px; `; // 模拟复制功能 if (document.execCommand('copy')) { Toast('复制成功',500); const duration = isNaN(500) ? 2000 : 500; const m = document.createElement('div'); m.innerHTML = \"复制成功\"; m.style.cssText = ` font-family:siyuan; max-width:60%; min-width: 150px; padding:0 14px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; text-align: center; border-radius: 4px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999999; background: rgba(0, 0, 0,.7); font-size: 28px; `; document.body.appendChild(m); setTimeout(function() { document.body.removeChild(m); }, d * 1000); } // 清除输入框 input.remove(); } ``` 这个代码会在页面加载时创建一个复制按钮,并在按钮被点击时模拟复制操作。复制后的内容会被添加到页面顶部一个固定位置的窗口中。

正文

copy(){
var input = document.createElement('input');
input.setAttribute('id', 'copyInput');
input.setAttribute('value', this.inviteCode);
document.getElementsByTagName('body')[0].appendChild(input);
document.getElementById('copyInput').select();
if (document.execCommand('copy')) {
Toast('复制成功',500);
duration = isNaN(500) ? 2000 : 500;
var m = document.createElement('div');
m.innerHTML = "复制成功";
m.style.cssText = "font-family:siyuan;max-width:60%;min-width: 150px;padding:0 14px;height: 40px;color: rgb(255, 255, 255);line-height: 40px;text-align: center;border-radius: 4px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 999999;background: rgba(0, 0, 0,.7);font-size: 28px;";
document.body.appendChild(m);
setTimeout(function() {
var d = 0.5;
m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';
m.style.opacity = '0';
setTimeout(function() {
document.body.removeChild(m)
}, d * 1000);
}, duration);
}
document.getElementById('copyInput').remove();
}

与复制到粘贴板相似的内容:

复制到粘贴板

copy(){ var input = document.createElement('input'); input.setAttribute('id', 'copyInput'); input.setAttribute('value', this.inviteCode); document.get

Excel快速调整单元格行高和列宽

之前使用的是鼠标双击的方法,但是只适用于少量调整时。 今天给同事编辑公众号文章,有一大篇表格在word中,直接从word中复制到公众号的话,格式会有一定程度的错位。 于是先粘贴到excel中处理,但到excel中行高和列宽默认都很不合适。 有一个小技巧,Ctrl + A 全选表格以后, 格式 ->

高级前端开发需要知道的 25 个 JavaScript 单行代码

1. 不使用临时变量来交换变量的值 2. 对象解构,让数据访问更便捷 3. 浅克隆对象 4. 合并对象 5. 清理数组 6. 将 NodeList 转换为数组 7. 检查数组是否满足指定条件 8. 将文本复制到剪贴板 9. 删除数组重复项 10. 取两个数组的交集 11. 求数组元素的总和 12. ...

[粘贴]TiFlash

TiFlash 是 TiDB HTAP 形态的关键组件,它是 TiKV 的列存扩展,在提供了良好的隔离性的同时,也兼顾了强一致性。列存副本通过 Raft Learner 协议异步复制,但是在读取的时候通过 Raft 校对索引配合 MVCC 的方式获得 Snapshot Isolation 的一致性隔

LlamaFS自组织文件管理器

LlamaFS是一个自组织文件管理器。它可以基于文件内容和修改时间等属性自动重命名和组织您的文件。它能让你不把时间花在对文件的复制、粘贴、重命名、拷贝、排序等简单操作上。有幸在Github上看到LlamaFS这个repo,感慨万千。 技术简介 LlamaFS以批处理模式和监视模式两种模式运行。在批处

【Qt 6】读写剪贴板

剪贴板是个啥就不用多介绍了,最直观的功能是实现应用程序之间数据共享。就是咱们常说的“复制”、“粘贴”功能。 在 Qt 中,QClipboard 类提供了相关 API 让应用程序具备读/写剪贴板的能力。数据通过 QMimeData 类包装。该类使用 MIME 类型来标识数据。比如,要包装的数据是纯文本

Canvas简历编辑器-我的剪贴板里究竟有什么数据

Canvas图形编辑器-我的剪贴板里究竟有什么数据 在这里我们先来聊聊我们究竟应该如何操作剪贴板,也就是我们在浏览器的复制粘贴事件,并且在此基础上聊聊我们在Canvas图形编辑器中应该如何控制焦点以及如何实现复制粘贴行为。 在线编辑: https://windrunnermax.github.io/

Python结合文件名称将多个文件复制到不同路径下

本文介绍基于Python语言,针对一个文件夹下的大量栅格遥感影像文件,基于其各自的文件名,分别创建指定名称的新文件夹,并将对应的栅格遥感影像文件复制到不同的新文件夹下的方法~

华为云助推武水集团项目成功入选住建部“智慧水务”典型案例!

摘要:目前,武汉市已将该平台推广复制到该市其他供水主体,华为云也将继续携手助力,为武汉市营商环境高质量得分提供有力支撑。 近日,住房和城乡建设部科技与产业化发展中心发布《关于发布2022年智慧水务典型案例的通知》,饮用水安全保障类、水环境综合治理类以及综合类的18个项目入选2022年智慧水务典型案例

【Azure Developer】一个复制Redis Key到另一个Redis服务的工具(redis_copy_net8)

介绍一个简单的工具,用于将Redis数据从一个redis端点复制到另一个redis端点,基于原始存储库转换为.NET 8:https://github.com/LuBu0505/redis-copy-net8