Chrome/Firefox 拡張機能でインライン onclick イベントが機能しないのはなぜですか?

Chrome/Firefox 拡張機能で Onclick イベントが機能しない

HTML ドキュメントで一般的に使用されるインライン JavaScript により、ユーザー操作時にスクリプトを実行できます。ボタンのクリックなど。ただし、このアプローチは、セキュリティとパフォーマンスの考慮事項により、Chrome および Firefox 拡張機能で制限に直面します。

原因:

Chrome 拡張機能と Firefox WebExtensions は、セキュリティとパフォーマンスを強化するためにインライン JavaScript を禁止しています。可能性を防ぐ

解決策:

この問題を解決するには、イベント リスナーを使用して onclick イベントを特定の要素にバインドする必要があります。これが変更されたものですコード:

popup.js:

document.addEventListener('DOMContentLoaded', function() {
  var link = document.getElementById('link');

  link.addEventListener('click', function() {
    hellYeah('xxx');
  });
});

popup.htm l:

<a>

説明:

• 代入リンクへの ID (例: "link")。
• popup.js ファイルで、document.addEventListener('click', ...) を使用して、その特定のリンク上の onclick イベントをリッスンします。
• リンクがクリックされると、コールバック関数は hellYeah('xxx') ロジックを実行します。
• popup.js がロードされていることを確認してください。

この方法を使用すると、onclick イベントを Chrome および Firefox 拡張機能内の要素にバインドし、セキュリティを損なうことなく機能を確保できます。

以上がChrome/Firefox 拡張機能でインライン onclick イベントが機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。