FireFox, Safari 및 Chrome으로 클립 보드에 텍스트 복사 / 붙여 넣기
출처:https://code.i-harness.com/ko/q/1f040
function copyText(text){
function selectElementText(element) {
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(element);
range.select();
} else if (window.getSelection) {
var range = document.createRange();
range.selectNode(element);
window.getSelection().removeAllRanges();
window.getSelection().addRange(range);
}
}
var element = document.createElement('DIV');
element.textContent = text;
document.body.appendChild(element);
selectElementText(element);
document.execCommand('copy');
element.remove();
}
var txt = document.getElementById('txt');
var btn = document.getElementById('btn');
btn.addEventListener('click', function(){
copyText(txt.value);
})
<input id="txt" value="Hello World!" />
<button id="btn">Copy To Clipboard</button>
반응형
'Dev > Javascript, CSS' 카테고리의 다른 글
미디어 쿼리(Media Query) 반응형 웹 (0) | 2018.08.02 |
---|---|
jquery deferred promise 예제 (0) | 2018.07.24 |
자바스크립트 비동기 처리/콜백 함수 , promise (0) | 2018.07.24 |
:nth-child 행별로 css 적용하기 (0) | 2018.07.13 |
foreach 문 button 사용 시 (0) | 2018.07.09 |
AJAX Method Put 사용시 데이터 전송 (0) | 2018.07.05 |
모바일에서 input, textarea 클릭 시 화면 확대, 포커싱 맞춰지는 현상 방지, 막기 (0) | 2018.06.27 |
HTML 주석 처리 방법 (0) | 2017.10.27 |