From 1ce1e8d025438472848ba3d19ae0c5e2c168edd3 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Mon, 24 Jul 2023 01:37:28 +0900 Subject: [PATCH] =?UTF-8?q?2023/04/07=20=E6=99=82=E7=82=B9=E3=81=AE?= =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?= =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../securitypolicyviolation_event/index.md | 61 +++++++++++++++++++ 1 file changed, 61 insertions(+) create mode 100644 files/ja/web/api/element/securitypolicyviolation_event/index.md diff --git a/files/ja/web/api/element/securitypolicyviolation_event/index.md b/files/ja/web/api/element/securitypolicyviolation_event/index.md new file mode 100644 index 00000000000000..cfac446d38f8ea --- /dev/null +++ b/files/ja/web/api/element/securitypolicyviolation_event/index.md @@ -0,0 +1,61 @@ +--- +title: "Element: securitypolicyviolation イベント" +short-title: securitypolicyviolation +slug: Web/API/Element/securitypolicyviolation_event +l10n: + sourceCommit: bbf7f25f9cf95fb154e2740a9fdc9c02818981bf +--- + +{{APIRef}} + +**`securitypolicyviolation`** イベントは、[コンテンツセキュリティポリシー](/ja/docs/Web/HTTP/CSP)に違反したときに発生します。 + +イベントはポリシーに違反した要素で発行され、バブリングします。 +通常は {{domxref("Window")}} または {{domxref("Document")}} オブジェクトのイベントハンドラーによって処理されます。 + +ハンドラーは `onsecuritypolicyviolation` プロパティを使用するか、{{domxref("EventTarget.addEventListener()")}} を使用して割り当てることができます。 + +> **メモ:** このイベントのハンドラーは最上位のオブジェクト({{domxref("Window")}} や {{domxref("Document")}} など)に追加する必要があります。 +> HTML 要素にプロパティが存在する間は、要素が読み込まれるまでプロパティにイベントハンドラーを割り当てることはできません。 + +## 構文 + +このイベント名を {{domxref("EventTarget.addEventListener", "addEventListener()")}} 等のメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。 + +```js +addEventListener("securitypolicyviolation", (event) => {}); + +onsecuritypolicyviolation = (event) => {}; +``` + +## イベント型 + +{{domxref("SecurityPolicyViolationEvent")}} です。{{domxref("Event")}} から継承しています。 + +{{InheritanceDiagram("SecurityPolicyViolationEvent")}} + +## 例 + +下記コードは `onsecuritypolicyviolation` グローバルイベントハンドラープロパティ、または `addEventListener()` を使用して、イベントハンドラー関数を最上位の `Window` に追加する方法を示しています(`Document` でも全く同じ手法を使用することができます)。 + +```js +window.onsecuritypolicyviolation = (e) => { + // Handle SecurityPolicyViolationEvent e here +}; + +window.addEventListener("securitypolicyviolation", (e) => { + // Handle SecurityPolicyViolationEvent e here +}); +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [HTTP > コンテンツセキュリティポリシー](/ja/docs/Web/HTTP/CSP)