모바일에서 주소복사 기능

작성자	신홍
첨부#1	file.zip (1KB) (Down:2244)

ㆍ조회: 1827 ㆍ추천: 0

ㆍ작성일: 2017년 2월 10일 금요일

모바일에서 주소복사 기능

아이폰 아이패드와 안드로이드가 방식이 달라서 다시 올립니다.

어제 올린것은 애플쪽만 됩니다.

삼성폰인 안드로이드는 복사버튼을 클릭해야하네요..

아래 소스는 구글링으로 찾은 것이고 약간 수정을 보탯습니다.

$(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>