document.execCommand(‘copy’)を使用しときにfirefoxで「ユーザー生成の短期的なイベントハンドラー...」を回避する方法

Question

実現したいこと

メインページで別ページをダイアログ表示させており、そのダイアログの表示と同時に自動的にクリップボードにデータを格納させようと考えています。ただし、FireFoxでのみ動作しません。

// sub.html
<script>
  $(function(){
    // 前処理
    document.execCommand("copy");
  );
</script>

発生している問題・エラーメッセージ

ChromeやIEでは動作しますが、Firefoxではコンソール上に以下のメッセージが表示され動作しません。

document.execCommand(‘cut’/‘copy’) はユーザー生成の短期的なイベントハンドラーの内部からの呼び出しでないため拒否されました。

教えていただきたこと

1. FireFoxで上記を回避する方法はありますか？
2. 上記のエラーメッセージを見て、以下の処理を書きましたが結果は同じでした。そこで疑問が生じたのですが、jQueryのtrigger("click")という関数はユーザのクリックイベントを起こす関数だと思っていましたが、Firefoxに見破られてるということは実際には違うのですか？

// sub.html
// sub.htmlにボタンを配置した上で、
<script>
  $(function(){
    $(".sample").on("click", function(){
      // 前処理
      document.execCommand("copy");
    });
    $(".sample").trigger("click");
  );
</script>

Answer 1

FireFoxで上記を回避する方法はありますか？

エラーメッセージの通り、何かしらのユーザーアクションから実行するしかありません。クリップボードは1つなのですし、「メインページで別ページをダイアログ表示させており」という状況であれば、メインページの側のハンドラに仕掛けるのも1つの手ではないかと思います。

Firefoxに見破られてるということは実際には違うのですか？

イベントが起きるのは間違いないですが、「ユーザーが起こしたイベント」と「コードから発動させたイベント」は区別されます。e.isTrustedというプロパティで識別可能です（本当にユーザーが起こしたものならtrue）。

Comments

[sakata_inu]

e.isTrustedというプロパティがあるのですね。なるほど。。。