2018. 5. 3. 17:44ㆍJavascript/Javascript+jQuery
<span id="value">Lorem ipsum dolor sit amet</span>
<button onclick="javascript:Clipboard.copy(document.querySelector('#value').innerText)">Copy to Clipboard</button>
window.Clipboard = (function(window, document, navigator) {
var textArea,
copy;
function isOS() {
return navigator.userAgent.match(/ipad|iphone/i);
}
function createTextArea(text) {
textArea = document.createElement('textArea');
textArea.value = text;
document.body.appendChild(textArea);
}
function selectText() {
var range,
selection;
if (isOS()) {
range = document.createRange();
range.selectNodeContents(textArea);
selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
textArea.setSelectionRange(0, 999999);
} else {
textArea.select();
}
}
function copyToClipboard() {
document.execCommand('copy');
document.body.removeChild(textArea);
}
copy = function(text) {
createTextArea(text);
selectText();
copyToClipboard();
};
return {
copy: copy
};
})(window, document, navigator);
'Javascript > Javascript+jQuery' 카테고리의 다른 글
라디오 버튼 선택해서 셀렉트 박스 컨트롤 (0) | 2018.04.19 |
---|---|
Jquery 링크 모음 (0) | 2018.04.18 |
JQuery 를 사용한 무한 스크롤 (Infinite Scroll) 예제 (0) | 2018.04.17 |
Auto tab to next input field when fill 4 characters (0) | 2018.04.13 |
[jQuery] 확인 창(confirm), 페이지 이동(location.replace) (0) | 2018.04.13 |