Element: securitypolicyviolation イベント

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

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

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

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

構文

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

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

onsecuritypolicyviolation = (event) => {};

イベント型

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

Event SecurityPolicyViolationEvent

例

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

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

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

仕様書

Specification
Content Security Policy Level 3
# eventdef-globaleventhandlers-securitypolicyviolation
HTML Standard
# handler-onsecuritypolicyviolation

ブラウザーの互換性

BCD tables only load in the browser

関連情報