1.文字推荐位200元/年,需要联系QQ924994768

2.文字推荐广告位,帮你推广你的产品

3.文字推荐广告位,可以加粗、加颜色

网站实现一键复制的简单方法:

使用原生的 JavaScript,利用document.execCommand()方法实现一键复制的功能。

此方法可以允许运行命令来操作可编辑区域的内容,注意,是可编辑区域。

定义 bool = document.execCommand(aCommandName, aShowDefaultUI, aValueArgument) 方法返回一个 Boolean 值,表示操作是否成功。

aCommandName :表示命令名称,比如: copy, cut 等(更多命令见命令);

aShowDefaultUI:是否展示用户界面,一般情况下都是 false;

aValueArgument:有些命令需要额外的参数,一般用不到;

展示代码:

<!Doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title>demo:JavaScript实现一键复制</title>
	<script>
		function clickBut(id){
			// 获取要复制的内容
			var value=document.getElementById(id).innerText;
			// 创建临时编辑控件,将内容写入临时dom节点
			var temDom = document.createElement('input');
			temDom.setAttribute('value', value);
			// 临时控件加入到body下
			document.body.appendChild(temDom);
			// 选择临时dom对象
			temDom.select();
			// 执行浏览器复制命令,将从选择的对象里复制内容
			document.execCommand("Copy");
			temDom.style.display='none';
			alert('复制成功');
			// 删除临时控件
			document.body.removeChild(temDom);
		}
	</script>
</head>
<body style="background-color: #e6eaed;margin:0;">
	<div><button type="button" onclick="clickBut('preId1')">复制张三</button></div>
	<div><button type="button" onclick="clickBut('preId2')">复制李四</button></div>
	<div >
		<pre id='preId1' style="white-space: pre;">
{
    "name": "张三",
    "age": 22,
    "desc": "法外狂徒张三"
}
		</pre>
	</div>
	<div >
		<pre id='preId2' style="white-space: pre;">
{
    "name": "李四",
    "age": 22,
    "desc": "法外狂徒李四"
}
		</pre>
	</div>
</body>
</html>

 

相关文章 8

1

用自定义表单为dedebiz网站制作一个留言板的方法: 3个月前

用自定义表单为dedebiz网站制作一个留言板的方法:...

2

在局域网内进行内部访问网站的方法 1年前

在局域网内进行内部访问网站的方法: 在同一个网络里或者说用的是同一个路由器,电脑一(win10系统,ip:192.168.8.158)用网线连接,电脑...

3

dedebiz搜索栏输入框全角和半角字符自动替换的方法 2年前

我们在使用dedebiz搜索功能的时候,很多时候输入的字符在全角和半角的时候不能成功搜索到结果。 我们把文章标题统一成全角符号, 在d...

4

dedebiz缩短文章URL链接路径长度,优化网站收录 2年前

用dedebiz做的网站,默认文章链接形式是http://网站域名/a/年/月日/文档ID.html 我们的目的缩减域名长度,让文章链接http://网站域名/a/年/月日...

5

宝塔面板中fastadmin更改网站public目录后运行报错的解决办法 2年前

宝塔面板中fastadmin更改网站public目录后运行报错的解决办法: 在部署fastadmin网站时,把网站根目录指向到public目录下,结果运行后产生以下...

6

修改dedebiz网站地图生成模板文件获得想要的排序效果: 2年前

修改dedebiz网站地图生成模板文件/theme/plus/ 获得想要的网站地图排序效果: ID排序: {dede:arclist row='1000' titlelen='255' orderby='id'} 发布时间排序...

7

玩客云刷Armbian_5.9后安装宝塔面板做网站 2年前

玩客云拿来刷成一台小型服务器,做个人网站博客、测试网站、测试程序等,再买个内网穿透都不用网上买服务器了,还可以用来安装Dock...

8

简单给网站添加一键复制功能 2年前

简单给网站添加一键复制功能: 1.新建一个clipboard.min.js名称的js文件,把下面内容放进去; /*! * clipboard.js v1.6.1 * https://zenorocha.github.io/clip...