카카오톡 인앱 브라우저에서 클립보드(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.execCommand("copy");

alert("해시태그가 복사되었습니다: " + copyText.value);

}

// copy 이벤트 리스너를 페이지 로드 시 한 번만 추가

document.addEventListener("copy", function(event) {

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

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

event.preventDefault();

});

</script>

도움이 되었다면 댓글로!

공유