2018-12-07

일단 소스를 보자

<div class="row">
	<div class="col-xs-5">
		<input type="text" id="copy_text_input" value="http://b1ix.net/364" class="form-control">
	</div>
	<div class="col-xs-2">
		<button type="button" id="copy_btn" class="btn btn-info">클립보드 복사</button>
	</div>
</div>

<script type="text/javascript">
$(function(){
	$('#copy_btn').click(function(){
		$('#copy_text_input').select() //복사할 텍스트를 선택
		document.execCommand("copy") //클립보드 복사 실행
		alert('복사완료')
	})
})
</script>

위 소스는 크롬이나 화이어폭스에서는 잘 되지만, IE나 기타 브라우저에서는 버전에 따라서 안되는 경우도 있다.
보통 구버전일 경우 적용이 안된다.

클립보드 복사 원리는, .select()를 이용하여 복사하고자 하는 text를 선택한뒤, document.execCommand("copy")를 실행시켜 클립보드 복사를 실행 시키는 것이다.