위 페이지에 있는 내용을 토대로하여 작성한 것이다.
각각의 태그 안에 들어있는 텍스트들만 복사한다.
클립보드 대용으로, <textarea> 태그를 사용하였으며,
"onclick" 이벤트를 적용하였다.
사파리 브라우저에서는 실행되지 않았다.
익스플로러를 비롯하여, 그외 브라우저에서는 잘 작동하는 것 같고,
핸드폰에서도 실행되지 않는 듯 하다.
On the basis of the above page, I was created a function.
It will be copy only the contained text in each tag.
I used <textarea> tag as a clipboard substitute, and used "onclick" event.
But it seems not work on Safari & mobiles.
아래의 내용들을 각각 클릭해보세요. ( Click the contents of each below. )
Click here to copy this text.
<!DOCTYPE html>
<html>
<head>
<title> [ 자바스크립트 ] 텍스트를 클립보드에 복사하기 </title>
<script type="text/javascript">
function CopyToClipboard ( tagToCopy, textarea ){
textarea.parentNode.style.display = "block";
var textToClipboard = "";
if ( "value" in tagToCopy ){ textToClipboard = tagToCopy.value; }
else { textToClipboard = ( "innerText" in tagToCopy ) ? tagToCopy.innerText : tagToCopy.textContent; }
var success = false;
if ( window.clipboardData ){
window.clipboardData.setData ( "Text", textToClipboard );
success = true;
}
else {
textarea.value = textToClipboard;
var rangeToSelect = document.createRange();
rangeToSelect.selectNodeContents( textarea );
var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange( rangeToSelect );
success = true;
try {
if ( window.netscape && (netscape.security && netscape.security.PrivilegeManager) ){
netscape.security.PrivilegeManager.enablePrivilege( "UniversalXPConnect" );
}
textarea.select();
success = document.execCommand( "copy", false, null );
}
catch ( error ){ success = false; }
}
textarea.parentNode.style.display = "none";
textarea.value = "";
if ( success ){ alert( ' 클립보드에 복사되었습니다. \n "Ctrl+v"를 사용하여 원하는 곳에 붙여넣기 하세요. ' ); }
else { alert( " 복사하지 못했습니다. " ); }
/*
if ( success ){ alert( ' The texts were copied to clipboard. \n\n Paste it, using "Ctrl + v". \n ' ); }
else { alert( " It was failed to copy. \n " ); }
*/
}
</script>
</head>
<body>
<div style="display: none;"><textarea id="myClipboard"></textarea></div>
<input onclick="CopyToClipboard( this, myClipboard )" type="text" value="text to clipboard." />
<p onclick="CopyToClipboard( this, myClipboard )"> <b>Click here</b> to copy this text. </p>
<textarea onclick="CopyToClipboard( this, myClipboard )">
100,
Gangnam-daero, Gangnam-gu,
Seoul, Korea
</textarea>
</body>
</html>
