Railsでクリップボード機能を実装する。

環境

Rails 5.2.3
Ruby 2.6.3

1. application.js でclipboard.jsを読み込む。

//= require clipboard.min

＊jqueryを使えるようにしておいてください。

2. viewにボタンを置く。

  <a class="btn btn-sm btn-clipboard" data-clipboard-target="#text">
   <i class="fa fa-clipboard" aria-hidden="true"></i>
  </a>

data-clipboard-targetにコピーしたい要素のidなどを指定します。
コピーさせたい文字列を直接指定する場合はdata-clipboard-text=""となります。

3. javascriptでClipboardのオブジェクトを作成する。

var clipboard = new Clipboard('.btn-clipboard');

以上で簡単に実装できました。

ちなみに.... area_hidden="true"とは

　fontawesomeなどでよく見るので軽く調べてみました。
　trueになっているとスクリーンリーダーによる読み上げをスキップできるそうです。

　障害をもった方を含めすべての人が快適に使えるように「アクセシビリティ」についても勉強していきたいと思っている今日この頃です。