# ボタンクリックでクリップボードにコピー

**URL:** <https://community.cybozu.dev/t/topic/3703>\
**Category:** kintone 開発相談\
**Created:** [2019 年 1 月 17 日午前 7:34 UTC](https://community.cybozu.dev/t/topic/3703 "2019-01-17T07:34:45Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account749](https://avatars.discourse-cdn.com/v4/letter/l/d78d45/32.png) [@Legacy\_Account749](https://community.cybozu.dev/u/Legacy_Account749)\
**Post date:** [2019 年 1 月 17 日午前 7:34 UTC](https://community.cybozu.dev/t/topic/3703/1 "2019-01-17T07:34:45Z")

</div>

いつもお世話になっております。

レコード詳細画面上部に設置したボタンをクリックするとそのアプリにある項目の文字列が結合されたものがクリップボードにコピーされるというカスタマイズを行いたいのですが、うまくいかず困っております。

今現在のコードになります。

```
(function() {
"use strict";

kintone.events.on('app.record.detail.show', function(event) {
// メニュ右側の空白部分にボタンを設置
var record = event.record;
var alertmail = '';
var myIndexButton = document.createElement('button');

myIndexButton.id = 'my_index_button';
myIndexButton.innerHTML = 'クリックでコピー';
myIndexButton.onclick = function() {
alertmail = '結合した文字列';

//ここからクリップボードにコピー
var text = kintone.app.record.get();
var record = text.record;
record['文字列複数行']['value'] = alertmail.dataset.copy_clipboard;
kintone.app.record.set(record);
record.select();
document.execCommand("copy");
alert('クリップボードにコピーしました。');
}
kintone.app.record.getHeaderMenuSpaceElement().appendChild(myIndexButton);
});
})();

```

もしくは結合した文字列をアラート表示し、コピーできたらと思うのですが  
ctrl+cでは出来ませんでしたので何か別の方法があればお知恵を拝借したく思います。

ブラウザ環境はwindows10、Google Chromeバージョン: 71.0.3578.98です。

&nbsp;

以上何卒よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1804](https://avatars.discourse-cdn.com/v4/letter/l/ecd19e/32.png) [@Legacy\_Account1804](https://community.cybozu.dev/u/Legacy_Account1804)\
**Post date:** [2019 年 1 月 17 日午前 7:53 UTC](https://community.cybozu.dev/t/topic/3703/2 "2019-01-17T07:53:14Z")

</div>

以下を参考にすると複数行フィールドを用意しなくてもコピーできますが、如何でしょうか。

[https://webllica.com/copy-text-to-clipboard/](https://webllica.com/copy-text-to-clipboard/)&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1821](https://avatars.discourse-cdn.com/v4/letter/l/d07c76/32.png) [@Legacy\_Account1821](https://community.cybozu.dev/u/Legacy_Account1821)\
**Post date:** [2019 年 1 月 18 日午後 3:17 UTC](https://community.cybozu.dev/t/topic/3703/3 "2019-01-18T15:17:42Z")

</div>

金沢さん、こんにちは。

[プロジェクト・アスノート](https://pj.asunote.jp)の松田です。

FMさんが紹介されているコードを参考に、ブックマークレットという形で

レコード内容をコピーする方法を考えてみました。

ご参考までに。

[kintoneをもっと便利にしてくれるブックマークレットの活用 - Qiita](https://qiita.com/Shokun1108/items/52d1b1d1d79344882478#%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E5%86%85%E5%AE%B9%E3%82%92%E3%82%B3%E3%83%94%E3%83%BC)

このままブックマークレットの形で使ってもいいですし、現在作られているボタンを押したときに

上記の処理を動かしてあげるようにしてもいいかと思います。

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account749](https://avatars.discourse-cdn.com/v4/letter/l/d78d45/32.png) [@Legacy\_Account749](https://community.cybozu.dev/u/Legacy_Account749)\
**Post date:** [2019 年 1 月 22 日午前 3:18 UTC](https://community.cybozu.dev/t/topic/3703/4 "2019-01-22T03:18:33Z")

</div>

FM様

お返事が遅くなり申し訳ございません。

教えて頂きました方法で無事実現することが出来ました。

ありがとうございます。

&nbsp;

&nbsp;

Shotaro Matsuda様

お世話になっております。

ブックマークレットも便利ですね。

私一人で使用する分には問題なさそうですので是非参考にさせて頂きます。

ありがとうございます。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account583](https://avatars.discourse-cdn.com/v4/letter/l/a4c791/32.png) [@Legacy\_Account583](https://community.cybozu.dev/u/Legacy_Account583)\
**Post date:** [2019 年 8 月 23 日午前 7:46 UTC](https://community.cybozu.dev/t/topic/3703/5 "2019-08-23T07:46:26Z")

</div>

自分もハマったのでメモを残しておきます。

[https://qiita.com/nishikawa7/items/ced5d9ded28793250aa3](https://qiita.com/nishikawa7/items/ced5d9ded28793250aa3)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2023 年 12 月 22 日午前 5:47 UTC](https://community.cybozu.dev/t/topic/3703/6 "2023-12-22T05:47:08Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。
