クロスドメインから動的にロードした要素のイベントを発火させたい

前提・実現したいこと

クロスドメインから動的にロードした要素のイベントを発火させたい。

信頼のできるサードパーティの、要素を生成するスクリプトを動的にロードし、生成された要素をプラットフォーム上で動作させるアプリケーションを開発しています。

クロスドメインからロードした要素をプラットフォーム上で動作させることはできたのですが、その要素に設置されたイベントを発火することができません。

これはやはりクロスサイトスクリプティングなどの対策として、ブラウザがイベントを発火させないよう制御しているのでしょうか？

もしそうであった場合、それについて書かれているリファレンスなどをご提示いただけると幸いです。

発生している問題

クリックイベントが発火しない

該当のソースコード

プラットフォーム側のサンプルコード

js
1let $globalButton;
2window.generateButton = renderer => {
3  const $button = renderer();
4  $globalButton = $button;
5};
6
7$.getScript('/path/to/cross-site-script').done(() => {
8  $('body').append($globalButton);
9});

外部サイトに配置されているサンプルコード

js
1generateButton(() => {
2  const $button = $(`
3    <button>some button</button>
4  `);
5
6  $button.on('click', () => {
7    console.log('click event is fired');
8  });
9
10  return $button;
11});