Javascriptで、クリップボードに入っている文字列を抽出したい。

エラーの原因

clipboardDataに代入しているe.clipboardData, window.clipboardDataが両方undefinedになっています．

e.clipboardDataはボタンクリック時のイベントなので，クリックイベントです．
そのため，コピー時のClipboardEventと異なり，clipboardDataのプロパティは存在しません．
window.clipboardDataについてはIE用と思います．Chromeなど利用できないブラウザではundefinedとなります．

解決方法

navigator.clipboard.readText()を利用することで対応できます．(Chromeで動作確認しています．)

$('#clipboardkaiseki').click(() => {
  navigator.clipboard.readText()
    .then((clipboardData) => {
      console.log(clipboardData);
      console.log('in clipboardkaiseki');
    })
    .catch((err) => {
      console.log(err);
    });
});

以下の点にご注意ください．

• IE非対応(手元にIEがないので対応コードは準備できませんでした)
• localhost，または，httpsである必要がある
• セキュリティの制約上，ユーザに許可を求めるダイアログが表示される
• テキストのみ貼り付け可能

参考