点击复制内容

简介: 点击复制内容
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点击复制内容</title>
</head>
<body>
<div οnclick="duplication(this)">点击可以复制我哦~</div>
</body>
<script>
    function duplication(that){
        var inp =document.createElement('input'); // create input标签
        document.body.appendChild(inp) // 添加到body中--调用复制功能使用document.execCommand()方法;
        inp.value =that.textContent // 给input设置value属性为需要copy的内容
        inp.select(); // 选中
        document.execCommand('duplication',false); // copy已经选中的内容
        inp.remove(); // 删除掉这个dom--使用   inp.remove();方法
    }
</script>
</html>
相关文章
|
6月前
百度文库的内容怎么复制
百度文库的内容怎么复制
78 0
|
小程序 JavaScript API
小程序点击复制功能制作
小程序点击复制功能制作
196 0
|
小程序 API
微信小程序如何点击按钮,复制文本到粘贴板
微信小程序如何点击按钮,复制文本到粘贴板
微信小程序如何点击按钮,复制文本到粘贴板
|
2月前
|
JavaScript 前端开发
JS实现一键复制、选中复制、选中多行复制
文章介绍了如何使用JavaScript实现一键复制文本、选中文本复制以及选中多行文本复制的功能。提供了详细的代码示例,包括创建临时textarea元素、选中文本、执行复制命令、用户提示以及清理临时元素的完整流程。同时,还考虑了用户可能选中多行文本进行复制的情况。
125 0
|
4月前
|
JavaScript
vue实现点击按钮将指定文字复制到系统剪切板并提示复制成功
vue实现点击按钮将指定文字复制到系统剪切板并提示复制成功
27 0
|
6月前
|
前端开发 JavaScript 安全
神奇的代码——可随意修改复制页面内容
神奇的代码——可随意修改复制页面内容
|
6月前
页面添加信息,点击提交显示添加成功,但是.txt文件里面没有新增的数据
页面添加信息,点击提交显示添加成功,但是.txt文件里面没有新增的数据
35 0
|
6月前
|
安全
复制粘贴Excel文件后,显示“安全警告 宏已被禁用”,复制后得到的文件看不到内容
问题 系统:Win10 Excel版本:2016 我将一个原本正常的Excel文件复制到另一个文件夹后,打开就提示安全警告 宏已被禁用(复制操作时电脑莫名会变卡),而且原来文件里的数据也看不到了。 复制前的原文件:
73 0
|
6月前
|
JavaScript
(简单成功)原生js实现点击复制文本
(简单成功)原生js实现点击复制文本
65 0
电脑报错弹窗文本内容复制,Textify
使用电脑的过程中,软件多起来难免会出现一些莫名其妙的错误弹窗,有的是运行错误,有的是缺少依赖,有的是软硬件故障……就比如弹出的缺少.dll库的问题
107 1