Closed1
jQuery、クリップボードにコピー
ボタンが押された時、クリップボードにテキストをコピーして確認メッセージを出す。
今回、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にクローズされました