엣지브라우즈 :
크롬(웨일)브라우즈 :
위와 같이 해당문구를 복사버턴 클릭시 클립보드로 복사하는 소스입니다.
<p class="box01">
엣지브라우즈 : <input value="edge://flags/#block-insecure-private-network-requests" readonly>
<button onclick="copy_to_clipboard(event)">
<img src="https://moonhouse.co.kr/files/attach/images/2021/12/30/93b96bc01016491edde00987253c3a02.png" alt="복사하기" title="엣지브라우즈 복사">
</button>
</p>
<p class="box01">
크롬(웨일)브라우즈 : <input value="chrome://flags/#block-insecure-private-network-requests" readonly>
<button onclick="copy_to_clipboard(event)">
<img src="https://moonhouse.co.kr/files/attach/images/2021/12/30/93b96bc01016491edde00987253c3a02.png" alt="복사하기" title="크롬(웨일)브라우즈 복사">
</button>
</p>
<style>
.box01 input { width:400px; border: none; font-size: 15px; outline: none; }
.box01 button { border:none; width:60px; max-width: 100px; vertical-align: bottom;}
.box01 button img { width: 100%; }
</style>
<script>
function copy_to_clipboard(event) {
var copyText = event.target.parentNode.previousElementSibling;
copyText.select();
copyText.setSelectionRange(0, 99999);
document.execCommand("Copy");
alert('복사되었습니다, 감사합니다.');
}
</script>