반응형
그냥 단순하게 한줄로 표현 하면 아래와 같이 구현 하면 클립보드 로 복사 가 된다.
<a href="#" onclick="javascript :window.clipboardData.setData('Text', '클립보드로 복사할 글'); ">Copy</a>
자바스크립트 로 특정 문자를 복사 하고 , 복사된 내용을 보이게.
1. 클립보드로 텍스트를 복사
window.clipboardData.setData("Text", "클립보드로 복사할 글");
2.클립보드로 부터 복사된 내용을 가져올때
var txt = window.clipboardData.getData('Text');
3.발췌한 글뒤에 꼬리표 붙일때.
var txt = window.clipboardData.getData('Text');
txt = txt + '\r\n(출처 : 나의 티스토리 블로그 )\r\n';
window.clipboardData.setData('Text', txt);
txt = txt + '\r\n(출처 : 나의 티스토리 블로그 )\r\n';
window.clipboardData.setData('Text', txt);
4. 이미지 파일에 링크 를 걸어서 클릭 했을때 역시 클립보드 로 특정 텍스트 를 복사 시키는것도 마찬가지.
<script type="text/javascript">
<!--
function clipboard(id)
{
var myvar = document.getElementById(id);
if(myvar.value==''){ document.body.focus(); return; }
myvar.select();
var clip=myvar.createTextRange()
clip.execCommand('copy');
alert('클립보드에 복사되었습니다');
}
//-->
</script>
<FORM METHOD=POST ACTION="">
<INPUT TYPE="text" id="clip" NAME="original" value='여기에 있는글이 복사 된다'>
<a href="#" onclick="clipboard('clip'); return false;"><img src="이미지주소"></a>
</FORM>
<!--
function clipboard(id)
{
var myvar = document.getElementById(id);
if(myvar.value==''){ document.body.focus(); return; }
myvar.select();
var clip=myvar.createTextRange()
clip.execCommand('copy');
alert('클립보드에 복사되었습니다');
}
//-->
</script>
<FORM METHOD=POST ACTION="">
<INPUT TYPE="text" id="clip" NAME="original" value='여기에 있는글이 복사 된다'>
<a href="#" onclick="clipboard('clip'); return false;"><img src="이미지주소"></a>
</FORM>
반응형
'Programming' 카테고리의 다른 글
모바일 웹 테스트용 시뮬레이터 ibbdemo2 (0) | 2014.10.17 |
---|---|
PHP Unix timestamp 와 datetime 상호간 변환 함수 [time2date, date2time] (0) | 2011.04.11 |
HTML 셀렉트박스(Select) 선택 하면 링크 이동하기 (0) | 2011.03.15 |
[PHP]검색로봇 들의 UserAgent 를 구별 해 낼 필요가 있을때. (0) | 2011.02.11 |
[PHP]$_SERVER['HTTP_USER_AGENT'] 를 보기좋게 배열로 보여주는 class (0) | 2011.02.11 |