kintoneにボタンを置いて任意のフィールドをクリップボードにコピーする

kintoneの詳細画面とかにボタンを置いて、押すと任意のフィールドをコピーする。

• memo_markdownこの部分を任意のコピーしたいフィールドのフィールドコードに変更。
• 「スペース」フィールドの配置が必要。今回はcopy_buttonというフィールドコードで配置。
• jQueryは読み込み必要。

sample.js

(function($) {
  'use strict';
  let events = [
    'app.record.create.show',
    'app.record.edit.show',
    'app.record.detail.show'
  ]
  kintone.events.on(events, function(event){
    let el = kintone.app.record.getSpaceElement('copy_button');
    $('<input />', {
      'type': 'button',
      'name': 'c_button',
      'value': 'Copy',
      'class': 'create_button',
    }).on('click', function (resp) {
      let copyFrom = document.createElement("textarea");
      copyFrom.textContent = event.record.memo_markdown.value;
      let bodyElm = document.getElementsByTagName("body")[0];
      bodyElm.appendChild(copyFrom);
      copyFrom.select();
      document.execCommand('copy');
      alert("リリースノートをコピーしました。");
      bodyElm.removeChild(copyFrom);
    }).appendTo(el);
  });
})(jQuery);