Document: securitypolicyviolation イベント

Baseline Widely available

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

securitypolicyviolation イベントは、コンテンツセキュリティポリシーに違反があった場合に発行されます。

このイベントはポリシー違反があるとグローバルスコープで発行され、Window オブジェクトにバブリングされます。このイベントは、文書ツリー内のノードからもバブリングされます。

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

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

構文

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

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

onsecuritypolicyviolation = (event) => {};

イベント型

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

例

下記のコードは、onsecuritypolicyviolation イベントハンドラープロパティまたは Document の addEventListener() を使用してイベントハンドラー関数を追加する方法を示しています。

document.onsecuritypolicyviolation = (e) => {
  // ここで SecurityPolicyViolationEvent である e を処理
};

document.addEventListener("securitypolicyviolation", (e) => {
  // ここで SecurityPolicyViolationEvent である e を処理
});