clipboard.js
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
&tag(clipboard.js);
*目次 [#mfd6bcf6]
#contents
*関連ページ [#f7b0894c]
*参考情報 [#w8a8d846]
-[[clipboard.js — Copy to clipboard without Flash:https:/...
-[[sadiqmmm/clipboard-rails: clipboard.js javascript libr...
*概容 [#ed730932]
-Flash廃止の方向につきその代替手段が必要となる。
-だいたいzeroclipboard的な雰囲気で使える。
*使用方法 [#z25b8e88]
**他の要素の値をコピー [#yce176cc]
-基本的な使用法は以下。data-clipboard-targetで指定した他...
#pre{{
<script src="dist/clipboard.min.js"></script>
<script>
var clipboard = new Clipboard('.btn');
</script>
<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipb...
<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
<img src="assets/clippy.svg" alt="Copy to clipboard">
</button>
}}
**属性をコピー [#t1419e50]
-直接的にdata-clipboard-textの内容をコピーすることもでき...
#pre{{
<!-- Trigger -->
<button class="btn" data-clipboard-text="Just because you...
Copy to clipboard
</button>
}}
**コピー後のハイライトを消す [#z6c91fed]
-そのままだとコピー実行後ターゲットが選択状態になってしま...
-以下のようにして消去する。
#pre{{
var clipboard = new Clipboard('#d_clip_button');
clipboard.on('success', function(e) {
e.clearSelection();
});
}}
*トラブルシューティング [#a9a67ed3]
**hiddenやdisplay: noneで指定された要素の値がコピーできな...
-[[programmed to work with hidden input? · Issue #59 · ze...
-[[Why clipboard is blank? · Issue #288 · zenorocha/clipb...
-どうやら仕様によってそのような事はできない模様。
終了行:
&tag(clipboard.js);
*目次 [#mfd6bcf6]
#contents
*関連ページ [#f7b0894c]
*参考情報 [#w8a8d846]
-[[clipboard.js — Copy to clipboard without Flash:https:/...
-[[sadiqmmm/clipboard-rails: clipboard.js javascript libr...
*概容 [#ed730932]
-Flash廃止の方向につきその代替手段が必要となる。
-だいたいzeroclipboard的な雰囲気で使える。
*使用方法 [#z25b8e88]
**他の要素の値をコピー [#yce176cc]
-基本的な使用法は以下。data-clipboard-targetで指定した他...
#pre{{
<script src="dist/clipboard.min.js"></script>
<script>
var clipboard = new Clipboard('.btn');
</script>
<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipb...
<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
<img src="assets/clippy.svg" alt="Copy to clipboard">
</button>
}}
**属性をコピー [#t1419e50]
-直接的にdata-clipboard-textの内容をコピーすることもでき...
#pre{{
<!-- Trigger -->
<button class="btn" data-clipboard-text="Just because you...
Copy to clipboard
</button>
}}
**コピー後のハイライトを消す [#z6c91fed]
-そのままだとコピー実行後ターゲットが選択状態になってしま...
-以下のようにして消去する。
#pre{{
var clipboard = new Clipboard('#d_clip_button');
clipboard.on('success', function(e) {
e.clearSelection();
});
}}
*トラブルシューティング [#a9a67ed3]
**hiddenやdisplay: noneで指定された要素の値がコピーできな...
-[[programmed to work with hidden input? · Issue #59 · ze...
-[[Why clipboard is blank? · Issue #288 · zenorocha/clipb...
-どうやら仕様によってそのような事はできない模様。
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
