페이지 연결 주소 복사 만들기

<!--게시물 주소 복사-->
<div class="side">
<input id="url_field" type="url" value="{$oDocument->getPermanentUrl()}" readonly="readonly">
<input id="copy_btn" type="button" value="복사">
<script>
var copyBtn = document.querySelector('#copy_btn');
copyBtn.addEventListener('click', function () {
var urlField = document.querySelector('#url_field');
urlField.select();
document.execCommand('copy'); // or 'cut'
}, false);
</script>
</div>
<!--게시물 주소 복사 끝-->

 

 

<!--게시물 주소 복사-->
<div class="side">
<input id="url_field" type="url" value="{$oDocument->getPermanentUrl()}" readonly="readonly" class="used" style="color: #000;font-size: 10px;border: 1px solid #d5dcde;border-radius: 3px;margin: -4px 0 0 3px;padding: 1px 10px 1px 10px;background: #f6f6f6;">
<input id="copy_btn" type="button" value="게시물 복사"class="used" style="color: #fff;font-size: 10px;border: 1px solid #007dc1;border-radius: 3px;margin: -4px 0 0 3px;padding: 1px 10px 1px 10px;background: #006db2;font: 11px &quot;굴림&quot;, Arial;">
<script>
var copyBtn = document.querySelector('#copy_btn');
copyBtn.addEventListener('click', function () {
var urlField = document.querySelector('#url_field');
urlField.select();
document.execCommand('copy'); // or 'cut'
}, false);
</script>
</div>
<!--게시물 주소 복사 끝-->