そろそろ決定版が欲しいな。 前置き 今までは Qiitaのコードにコピーボタンを追加するユーザースクリプト - Qiita Togetterからツイートをコピーするボタンを追加するユーザースクリプト - Qiita と既存のものを選択してコピーするか、無いものをコピーしたいときは PHPマニュアルから関数をコピーするボタンを追加するユーザースクリプト - Qiita とコピーしたいDOMを作ってそれを選択するというまどろっこしい方法を取っていた。 Qiitaにも色々記事はある。 でもこれらの方法は主にRangeの処理がとてもとても面倒なので、最近は使っていない。 目新しい内容ではないが、使用頻度が高いのでまとめる。 要件 任意のJS側で用意した文字列をクリップボードに保存させる。 動作のトリガーは主にボタンクリックのイベント駆動 通常のコピー動作を阻害しない 複数のコピー処理を追加したとき
![任意の文字列をコピーするテクニック - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ea56bc7ec83ac1dc663a07a62ce443efb45b027/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUU0JUJCJUJCJUU2JTg0JThGJUUzJTgxJUFFJUU2JTk2JTg3JUU1JUFEJTk3JUU1JTg4JTk3JUUzJTgyJTkyJUUzJTgyJUIzJUUzJTgzJTk0JUUzJTgzJUJDJUUzJTgxJTk5JUUzJTgyJThCJUUzJTgzJTg2JUUzJTgyJUFGJUUzJTgzJThCJUUzJTgzJTgzJUUzJTgyJUFGJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1mNjQ5NGI0NWQ3YWIyYWI4NmU5NzE4OTc0YjExMzVlMQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwa2hzayZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9Yzg0OGEwZDk5OTRhMTM2MmM1ODRmMDg4ZDZlYzA3MzE%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D9745972a15600a23db272d50ed3a8df9)