コンテンツにスキップ

JavaScript URLをクリップボードにコピーする

Navigator.clipboardを使用する

execCommandコチラで非推奨とされている

Usage

writeTextを使用すると、ブラウザからクリップボード使用の可否について確認メッセージが表示される

URLをコピー

const url = location.href;
navigator.clipboard.writeText(url);

URLをペースト promiseが返る

if (navigator.clipboard) {
    navigator.clipboard.readText()
    .then(function(text) {
        const input = document.getElementById('inputURL');
        input.value = text;
    });
}

基本的にはhttps環境での使用となる(社内サーバーでは下記のエラーとなった)

Uncaught TypeError: Cannot read properties of undefined (reading 'writeText')

Reference