変数の値をクリップボードにコピー

Question

clipboard.jsや他の方法は、HTMLの値を渡しそれを受け取っていますが、HTMLを一切介せず、
純粋にJavascript内の処理でのみクリップボードに値をコピーする処理を完結させることは出来ないでしょうか？

Answer 1

document.execCommand() 以外の方法はいくつかあります。

ClipboardEvent.clipboardData

document.querySelector('body').addEventListener('copy', function(event) {
  event.preventDefault();
  (event.clipboardData || window.clipboardData).setData('text', word);
}, false);

https://developer.mozilla.org/ja/docs/Web/API/ClipboardEvent/clipboardData

クリック時にしたいということであれば、https のみになりますが

document.querySelector('button').addEventListener('click', function(event) {
  if (navigator.clipboard) {
    navigator.clipboard.writeText(word);
  } else if (window.clipboardData) {
    clipboardData.setData('text', word);
  }
}, false);

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

Answer 2

セレクトしていないものはコピーされない前提ですから
難しいと思います

Comments

[sam]

やはりそうなんですね。有難うございます。

Answer 3

純粋にJavascript内の処理でのみクリップボードに値をコピーする処理を完結させることは出来ないでしょうか？

できません。

Comments

[kei344]

Electronを「純粋にJavascript内の処理」とみなすなら、できます。

【clipboard | Electron】
https://www.electronjs.org/docs/api/clipboard

[sam]

有難うございます