API

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

兼容性

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

示例

html部分

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

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相关的事件,可以选中,但是不能复制。

相关文章:

  • 2021-12-03
  • 2021-12-03
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-03
  • 2021-12-12
  • 2021-12-19
猜你喜欢
  • 2021-12-03
  • 2021-12-19
  • 2021-04-18
  • 2021-06-05
  • 2021-07-25
  • 2022-03-01
  • 2021-12-03
相关资源
相似解决方案