[JS] 클립보드 복사 기능 writeText()

Clipboard: writeText() method

이 기능은 보안 컨텍스트 (HTTPS) 에서만 사용할 수 있으며 , 일부 또는 모든 지원 브라우저 에서 사용할 수 있습니다 .

 

writeText()인터페이스의 메서드는 지정된 텍스트를 시스템 클립보드에 쓰고

클립보드가 업데이트되면 해결되는 Promise 를 반환합니다.

writeText(newClipText)

newClipText : 클립보드에 기록할 문자열.

Promise : 클립보드의 내용이 업데이트되면 반환

NotAllowedError DOMException : 클립보드에 쓰는 것이 허용되지 않으면 throw됩니다.

 

 

자바스크립트

function myFunction() {
    var copyText = document.getElementById("myInput");
    copyText.select();
    copyText.setSelectionRange(0, 99999);
    navigator.clipboard
      .writeText(copyText.value)
      .then(() => {
        alert("successfully copied");
      })
      .catch(() => {
        alert("something went wrong");
      });
}

제이쿼리

var $textarea = $('#s_Context');
$textarea.select();
$textarea[0].setSelectionRange(0, 99999); // 모바일 장치를 위한 코드

navigator.clipboard.writeText($textarea.val()).then(function() {
    alert('클립보드 복사: ' + $textarea.val());
}).catch(function(err) {
    alert('복사 실패: ' + err);
});

 

 

 

참고 출 :

https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText

Clipboard: writeText() method - Web APIs | MDN

https://stackoverflow.com/questions/69438702/why-does-navigator-clipboard-writetext-not-copy-text-to-clipboard-if-it-is-pro

Why does `navigator.clipboard.writeText` not copy text to clipboard if it is proceeded by alert() on android