Closed1

jQuery、クリップボードにコピー

awonosukeawonosuke

ボタンが押された時、クリップボードにテキストをコピーして確認メッセージを出す。
今回、URLのコピーを想定。

$('#parent-element').on('click', '#url-share-button', function() {
    // 対象url
    let share_url = $(this).prev().attr('href');

    // '=='はわざと使用:undefinedとnullを同時に検知するため
    if (share_url == null) {
        window.alert('URLの取得に失敗しました。URLをご確認ください。');
	return false;
    }

    // URLを書き込むための要素を追加
    $('<textarea>').attr({
        type: 'hidden',
	id: 'url-copy-target'
    }).appendTo('body');

    $('#url-copy-target').val(full_path);
    $('#url-copy-target').select();
    document.execCommand('copy'); // クリップボードにコピー
    $('#url-copy-target').remove();

    window.alert('クリップボードにURLをコピーしました');
});
このスクラップは2022/12/01にクローズされました