web如何实现copy文字内容到剪切板
2023-02-18 16:43:14 时间
const copyToClipboard = (content: any) => {
const el = document.createElement('textarea');
el.value = content;
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
};
/*
如果是输入框,可以通过 select() 方法,选中输入框的文本,然后调用 copy 命令,将文本复制到剪切板
但是 select() 方法只对 <input> 和 <textarea> 有效,对于 <p> 就不好使
最后我的解决方案是,在页面中添加一个 <textarea>,然后把它隐藏掉
点击按钮的时候,先把 <textarea> 的 value 改为 <p> 的 innerText,然后复制 <textarea> 中的内容
*/
相关文章
- Java 学习笔记 线程控制
- java学习笔记 线程的实现与同步
- Java 学习笔记 泛型
- Java 学习笔记 反射与迭代器
- Java 学习笔记 正则表达式
- Java 学习笔记 执行外部命令 包装类 枚举类型
- Java 学习笔记 判断一个数组是否有序
- Java 学习笔记 IO流与File操作
- Java小工具 根据文本批量修改文件名
- Java学习笔记 抽象类 接口 多态
- Java Scanner nextLine方法跳过
- Java 学习笔记 两大集合框架Map和Collection
- Java学习笔记——i++与++i问题
- Java学习笔记——判断字符Character类
- Java学习笔记——String与StringBuffer
- Java 学习笔记 二维数组和对象数组
- Java continue的特殊用法 继续当前循环
- Java 使用Arrays.sort排序 从大到小排列
- JAVA Swing 改变标题栏左上角默认咖啡图标
- 基于 RHEL 的 CentOS 6.4 发布