Dev/Javascript, CSS

FireFox, Safari 및 Chrome으로 클립 보드에 텍스트 복사 / 붙여 넣기

Fehoon- 2018. 6. 29. 23:33

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>


반응형