この記事は、Advent Calendar、「らいとなデブ SYNCER」の4日目の記事です。利用者が面倒な操作をしなくても、JavaScriptを使って自動的にコピーやペースト、カットをしてあげた方が親切な場合があります。そんな時に便利なライブラリ、clipboard.jsを紹介します。2015年12月現在、Safariは対応していません。
![JavaScriptでコピーをする方法(clipboard.jsの使い方)](https://cdn-ak-scissors.b.st-hatena.com/image/square/1913387308a697c39296bf68195dbeb2ba169d9b/height=288;version=1;width=512/https%3A%2F%2Fsyncer.jp%2Fstorage%2Fjavascript%2Fclipboardjs%2Fstatic%2Fdst%2Feyecatch_og.png)
この記事は、Advent Calendar、「らいとなデブ SYNCER」の4日目の記事です。利用者が面倒な操作をしなくても、JavaScriptを使って自動的にコピーやペースト、カットをしてあげた方が親切な場合があります。そんな時に便利なライブラリ、clipboard.jsを紹介します。2015年12月現在、Safariは対応していません。
clipboard.js を使う clipboard.js — Copy to clipboard without Flash ↓ github にあるこんな感じのものを作ります。 デモを下記に置きました。 HTMLは下記のような感じ。 ボタンの data-clipboard-target="XXX" の部分にコピー対象のエレメントを指定しておく。 <html> <head> <meta charset="UTF-8" /> <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.3/clipboard.min.js"></script> <script> $(function () { var cli
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く