모바일에서 주소복사 기능
아이폰 아이패드와 안드로이드가 방식이 달라서 다시 올립니다.
어제 올린것은 애플쪽만 됩니다.
삼성폰인 안드로이드는 복사버튼을 클릭해야하네요..
아래 소스는 구글링으로 찾은 것이고 약간 수정을 보탯습니다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/clipboard.js/1.6.0/clipboard.min.js"></script>
<script type="text/javascript"> $(document).ready(function(){
$("#btnCopyClip").click(function(){ $("#clipURL").css("display", "block"); });
var clipboardSupport = true; try { $.browser.chrome = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase()); var version = $.browser.version; version = new Number(version.substring(0, version.indexOf("."))); //모바일 접속인지 확인 if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i)) || (navigator.userAgent.match(/Android/i))) { //클립보드 복사기능이 될경우 (크롬 42+) if ($.browser.chrome == true && version >= 42) { clipboardSupport = true; } else { clipboardSupport = false; } } } catch(e) { }
if (clipboardSupport) { $("#btnCopyClip").show(); $("#txtCopyClip").hide(); } else { $("#btnCopyClip").hide(); $("#txtCopyClip").show(); } var clipboard = new Clipboard('#btnCopyClip'); clipboard.on('success', function(e) { alert("주소가 복사되었습니다."); $("#clipURL").css("display", "none"); }); clipboard.on('error', function(e) { alert("복사버튼을 클릭해주세요.");
setTimeout(function() { $("#clipURL").css("display", "none"); }, 10000); // 최하 1000 임 1초
}); }); </script>
<button type="button" id="btnCopyClip" data-clipboard-action="copy" data-clipboard-target="#clipURL" style='border:0'>URL복사</button>
<a id="clipURL" href="http://technote.co.kr" style="display:none; border: 1px solid silver; padding: 10px;" onclick="return false;">http://technote.co.kr</a> <span id="txtCopyClip" style="display: none;">URL을 길게 누르면 복사하실 수 있습니다.</span>
|
공지사항
APPLICATION
신홍
file.zip
작은소망
카스랑
techwear
기즈모SOFT
TECHSTAR
Terrorboy
요나단
starbros
