Element: securitypolicyviolation イベント

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2018年10月⁩.

securitypolicyviolation イベントは、コンテンツセキュリティポリシーに違反したときに発生します。

イベントはポリシーに違反した要素で発行され、バブリングします。通常は Window または Document オブジェクトのイベントハンドラーによって処理されます。

ハンドラーは onsecuritypolicyviolation プロパティを使用するか、EventTarget.addEventListener() を使用して割り当てることができます。

メモ: このイベントのハンドラーは最上位のオブジェクト（Window や Document など）に追加する必要があります。 HTML 要素にプロパティが存在する間は、要素が読み込まれるまでプロパティにイベントハンドラーを割り当てることはできません。

構文

このイベント名を addEventListener() 等のメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

addEventListener("securitypolicyviolation", (event) => {});

onsecuritypolicyviolation = (event) => {};

イベント型

SecurityPolicyViolationEvent です。Event から継承しています。

例

下記コードは onsecuritypolicyviolation グローバルイベントハンドラープロパティ、または addEventListener() を使用して、イベントハンドラー関数を最上位の Window に追加する方法を示しています（Document でも全く同じ手法を使用することができます）。

window.onsecuritypolicyviolation = (e) => {
  // Handle SecurityPolicyViolationEvent e here
};

window.addEventListener("securitypolicyviolation", (e) => {
  // Handle SecurityPolicyViolationEvent e here
});