使用document.execCommand复制内容至剪贴板

API

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand

兼容性

http://caniuse.com/#search=document.execCommand

示例

html部分

<input type="text" value="要复制到剪贴板的内容" id="clipboard"/>

javascript部分

var clipboardEl = document.getElementById('clipboard');
clipboardEl.addEventListener('click', function(event){
	clipboardEl.select();
	if(document.execCommand) {
		var rs = document.execCommand('copy', false);
		if(rs) {
			alert('复制成功');
		}
	} else {
		alert('当前环境不支持此功能');
	}
});

补充

经过测试发现,只能通过click事件来触发选中,再执行复制命令才行。移动端用touch相关的事件,可以选中,但是不能复制。

posted @ 2017-09-01 17:18  月半流云  阅读(2076)  评论(0编辑  收藏  举报