- Products -


Software


NEWS


Special



- Knowledge -


Category × Tag



- Like -

公開
作成日:2022/5/17
更新日:2022/5/18

Javascriptでクリップボードにコピーする

・Javascript Clipboard APIを使用すると簡単に実現可能。
・https環境である必要があるので、httpだと機能しない。(localhostだと動く)

使い方



function clip_copy() {
    var text = document.querySelector('#div一覧 table').outerHTML;
    navigator.clipboard.writeText(text).then(e => {
        alert("コピーしました");
    });
}


参考


https://into-the-program.com/javascript-copy-and-paste-text-clipboard-api/

その他


https://avalon-studio.work/blog/css/javascript-clipboard/

https://developer.mozilla.org/ja/docs/Web/API/Navigator/clipboard

https://propg.ee-mall.info/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/javascript/js-http%E7%92%B0%E5%A2%83%E3%81%A7%E3%81%AFnavigator-clipboard-writetext%E3%81%8C%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%AB%E3%81%AA%E3%82%8B/


Category



Tag




関連記事


{{tmp.name}}

{{article.category}} {{article.title}}