点击复制内容

简介: 点击复制内容
<!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>
相关文章
|
9月前
|
小程序 JavaScript API
小程序点击复制功能制作
小程序点击复制功能制作
140 0
|
小程序 API
微信小程序如何点击按钮,复制文本到粘贴板
微信小程序如何点击按钮,复制文本到粘贴板
微信小程序如何点击按钮,复制文本到粘贴板
|
1月前
|
前端开发 JavaScript 安全
神奇的代码——可随意修改复制页面内容
神奇的代码——可随意修改复制页面内容
51 0
|
1月前
页面添加信息,点击提交显示添加成功,但是.txt文件里面没有新增的数据
页面添加信息,点击提交显示添加成功,但是.txt文件里面没有新增的数据
21 0
|
1月前
|
安全
复制粘贴Excel文件后,显示“安全警告 宏已被禁用”,复制后得到的文件看不到内容
问题 系统:Win10 Excel版本:2016 我将一个原本正常的Excel文件复制到另一个文件夹后,打开就提示安全警告 宏已被禁用(复制操作时电脑莫名会变卡),而且原来文件里的数据也看不到了。 复制前的原文件:
39 0
|
1月前
|
JavaScript
(简单成功)原生js实现点击复制文本
(简单成功)原生js实现点击复制文本
45 0
禁止右键,禁止复制,禁止拖动图片demo效果示例(整理)
禁止右键,禁止复制,禁止拖动图片demo效果示例(整理)
|
10月前
电脑报错弹窗文本内容复制,Textify
使用电脑的过程中,软件多起来难免会出现一些莫名其妙的错误弹窗,有的是运行错误,有的是缺少依赖,有的是软硬件故障……就比如弹出的缺少.dll库的问题
74 1
|
10月前
|
前端开发
前端实现复制文字操作
前端实现复制文字操作
44 0
|
JavaScript 前端开发
前端粘贴复制还能这样玩
前端粘贴复制还能这样玩