카카오톡 인앱 브라우저에서 클립보드(Clip-board) 복사가 안 되는 현상 해결하기 > 웹소스 코드

<input type="text" value="농협 174554-52-041884" id="myInput" readonly style="position:absolute;opacity:0;width:0px;height:0px;">

<button class="account" onclick="copyToClipboard()" style="opacity:0;cursor:pointer"></button>

<script type="text/javascript">

  function copyToClipboard() {

const copyText = document.getElementById("myInput");

if (navigator.userAgent.match(/ipad|ipod|iphone/i)) {

  const range = document.createRange();

  range.selectNodeContents(copyText);

  const sel = window.getSelection();

  sel.removeAllRanges();

  sel.addRange(range);

  copyText.setSelectionRange(0, 99999);

} else {

  copyText.select();

  copyText.setSelectionRange(0, 99999);

}

document.addEventListener("copy", (event) => {

  event.clipboardData.setData("text/plain", copyText.value);

  event.preventDefault();

  alert("계좌가 복사되었습니다: " + copyText.value);

});

document.execCommand("copy");

  }

</script>

도움이 되었다면 댓글로!

공유