Fork me on GitHub

实现复制到剪贴板功能

实现代码复制功能很简单，使用内置方法execCommand就可以，它可以传入的参数包括 ‘cut’, ‘copy’ 和 ‘paste’ 。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<textarea name="" id="text" cols="30" rows="10"></textarea>
	<button data-copyrange="#text">点击</button>
	<script>
	(function(window){
		"use strict";
		document.addEventListener("click",copy,false);
		function copy(e){
			var target = e.target;
			if(target.dataset.copyrange){
				var t = document.querySelector(target.dataset.copyrange);
				try{
					t.select();
					document.execCommand("copy");
					t.blur();
				}catch(e){
					alert("复制请按下Ctrl/Cmd+C");
				}
			}
		}
	})(window);
	</script>
</body>
</html>

　　如果需要范围选中之类的可以了解createRange、selectNode、getSelection等。

资料

posted @ 2018-02-16 21:21  小数点就是问题  阅读(222)  评论(0)    收藏  举报