1.软文推荐

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网站地图生成模板文件获得想要的排序效果: 2个月前

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

2

玩客云刷Armbian_5.9后安装宝塔面板做网站 4个月前

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

3

简单给网站添加一键复制功能 4个月前

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

4

使用宝塔面板快捷搭建本地网站环境的方法: 5个月前

使用宝塔面板快捷搭建本地网站环境的方法: 搭建本地环境,可以先在电脑测试完整网站再搬家到线上访问,有利于SEO,也可以测试网站各...

5

网站本地搭建新手教程:在windows服务器上进行本地建站 6个月前

网站搭建新手教程:在windows服务器上进行本地建站,用来做测试。 新站在搭建过程中很多内容空缺,布局也不确定,蜘蛛可能会来爬取。你...

6

将手机网站转为微信小程序的快速方法 6个月前

1、必要条件: 1.自行申请注册小程序账号 2.网页开通HTTPS 2、步骤如下: 1.下载微信开发者工具:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/do...