JavaScript实现复制文本框内容

发表于 | 分类于

基本属性

document.execCommand()方法处理html数据时常用语法格式如下：
代码：

1
document.execCommand(sCommand[,交互方式, 动态参数])
  • 其中：
    • sCommand为指令参数（如下例中的”2D-Position”），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的”false”即表示不显示对话框），动态参数一般为一可用值或属性值（如下例中的”true”）。
1
document.execCommand(”2D-Position”,”false”,”true”);
  • 调用execCommand()可以实现浏览器菜单的很多功能。如：保存文件、打开新文件、撤消、重做操作等等。有了这个方法，就可以很容易的实现网页中的文本编辑器。如果灵活运用，可以很好的辅助我们完成各种项目。

html端代码

1
2
3
<textarea id="text_content"></textarea>
<button id="get-test">复制到剪贴板</button>
<!-- 按下按钮，执行js，复制文本框内容到剪贴板 -->

js端代码

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
	$(function() {
		$("#get-text").bind('click', function(){
			var test=document.getElementById("text_content");
			test.select(); // 选择对象
			document.execCommand("Copy"); // 执行浏览器复制命令
		});
	});
</script>