8lall0/copy_span.html

## copy_span.html
<!DOCTYPE html>
<html>

<head>
	<title></title>
	<style type="text/css">
	.copyInput {
		border: none;
		overflow: auto;
		outline: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: 0px;
		height: 0px;
		position: absolute;
		opacity: 0;
	}

	#thaSpan {
		cursor: pointer;
	}
	</style>
</head>

<body>
	<span id="thaSpan">The brown lazy fox</span>
	<script>
	bindCopy('thaSpan');

	function bindCopy(spanSelector, callback) {
		let span = document.getElementById(spanSelector);
		span.addEventListener('click', copySpan, false);
		function copySpan() {
			let input = document.createElement('textarea');
			input.readOnly = true;
			input.className += ' copyInput';
			document.body.appendChild(input);
			input.value = span.innerHTML;
			input.select();
			document.execCommand("Copy");
			setTimeout(function() {
				input.selectionEnd = input.selectionStart;
				input.blur();
				input.parentNode.removeChild(input);
				if (typeof callback === 'function') callback();
			}, 1);
		}
	}
	</script>
</body>

</html>
	<!DOCTYPE html>
	<html>

	<head>
	<title></title>
	<style type="text/css">
	.copyInput {
	border: none;
	overflow: auto;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 0px;
	height: 0px;
	position: absolute;
	opacity: 0;
	}

	#thaSpan {
	cursor: pointer;
	}
	</style>
	</head>

	<body>
	<span id="thaSpan">The brown lazy fox</span>
	<script>
	bindCopy('thaSpan');

	function bindCopy(spanSelector, callback) {
	let span = document.getElementById(spanSelector);
	span.addEventListener('click', copySpan, false);
	function copySpan() {
	let input = document.createElement('textarea');
	input.readOnly = true;
	input.className += ' copyInput';
	document.body.appendChild(input);
	input.value = span.innerHTML;
	input.select();
	document.execCommand("Copy");
	setTimeout(function() {
	input.selectionEnd = input.selectionStart;
	input.blur();
	input.parentNode.removeChild(input);
	if (typeof callback === 'function') callback();
	}, 1);
	}
	}
	</script>
	</body>

	</html>