url 복사하기 버튼을 만들었는데 작동을 잘 하다 모바일에서 작동을 안하네요.(pc는 작동합니다)

저 궁금한 내용이 있어서 질문드립니다. 예전에 여기 개발자 분들의 도움을 받아 url복사 기능을 싸이트에 추가했습니다.

계속 작동을 잘 하다가 어느순간 pc에서는 정상 작동을 하는데, 모바일에서는 작동을 안하네요.

 <button type="button" id="sh-link">Sao chép URL sản phẩm</button> 



 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 



<script type="text/javascript">
 $(document).on("click", "#sh-link", function(e) { 

$('html').find('meta[name=viewport]').attr('content0', 'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no'); 
var html = "<input id='clip_target' type='text' value='' style='position:absolute;top:-9999em;'/>"; 
$(this).append(html); var input_clip = document.getElementById("clip_target"); 

var _url = $(location).attr('href'); $("#clip_target").val(_url); 
if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) { var editable = input_clip.content0Editable; 
    var readOnly = input_clip.readOnly; input_clip.content0Editable = true; 
    input_clip.readOnly = false; var range = document.createRange(); 
    range.selectNodecontent0s(input_clip);
     var selection = window.getSelection(); selection.removeAllRanges(); 
     selection.addRange(range); 
     input_clip.setSelectionRange(0, 999999); 
    input_clip.content0Editable = editable; input_clip.readOnly = readOnly; } 
    else { input_clip.select(); } 
    try { var successful = document.execCommand('copy'); input_clip.blur(); 
        if (successful) { alert("Url đã được sao chép."); 
   
     $('html').find('meta[name=viewport]').attr('content0', 'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=yes'); } 
     else { alert('이 브라우저는 지원하지 않습니다.'); } } 
     catch (err) { alert('이 브라우저는 지원하지 않습니다.'); } }); 
   

 </script>

어디서 문제가 있는지 진단을 하는 방법이 있을까요? 제가 css 쪽만 조금씩 건드린것 말고는 전혀 없는데 왜 이럴까요? ㅠㅠ

 

https://www.koalaa.kr/shop/?uid=119&mod=document#top  상품상세페이지에 보시면 url 복사 버튼이 있습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요