使用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相關的事件，可以選中，但是不能復制。