From 16ebc41378d8359d3aa27a1322ae913234b25340 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 30 Aug 2024 23:11:00 +0900 Subject: [PATCH] =?UTF-8?q?2024/07/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 --- files/ja/web/api/pagetransitionevent/index.md | 56 +++++++++++++++---- 1 file changed, 44 insertions(+), 12 deletions(-) diff --git a/files/ja/web/api/pagetransitionevent/index.md b/files/ja/web/api/pagetransitionevent/index.md index a7e254571178da..b3732f558b989c 100644 --- a/files/ja/web/api/pagetransitionevent/index.md +++ b/files/ja/web/api/pagetransitionevent/index.md @@ -1,28 +1,60 @@ --- title: PageTransitionEvent slug: Web/API/PageTransitionEvent +l10n: + sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc --- {{APIRef("HTML DOM")}} -Page transition events fire when a webpage is being loaded or unloaded. +**`PageTransitionEvent`** イベントオブジェクトは、文書が読み込まれるか、または終了する際に発行される [`pageshow`](/ja/docs/Web/API/Window/pageshow_event) および [`pagehide`](/ja/docs/Web/API/Window/pagehide_event) イベントのハンドラー内で使用できます。 -## DOM Information +{{InheritanceDiagram}} -### 継承関係 +## コンストラクター -EventPageTransitionEvent +- {{domxref("PageTransitionEvent.PageTransitionEvent", "PageTransitionEvent()")}} + - : 新しい `PageTransitionEvent` オブジェクトを生成します。 -## メンバ +## インスタンスプロパティ -**PageTransitionEvent** オブジェクトは、以下のメンバを持ちます： +_このインターフェイスには、親である {{domxref("Event")}} から継承したプロパティもあります。_ -- Properties +- {{domxref("PageTransitionEvent.persisted")}} {{ReadOnlyInline}} + - : キャッシュから読み込んでいる文書であるかどうかを示します。 -### 属性 +## 例 -**PageTransitionEvent** オブジェクトには以下の属性があります。 +### HTML -| 属性名 | アクセス | 説明 | -| ------------- | --------- | -------------------------------------------------------- | -| **persisted** | Read-only | Web ページがキャッシュからロードされたかどうかを示す属性 | +```html + + + + +``` + +### JavaScript + +```js +window.addEventListener("pageshow", (event) => { + if (event.persisted) { + alert("このページはブラウザーがキャッシュしたものです"); + } else { + alert("このページはブラウザーがキャッシュしたものではありません"); + } +}); +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [`pageshow`](/ja/docs/Web/API/Window/pageshow_event) イベント +- [`pagehide`](/ja/docs/Web/API/Window/pagehide_event) イベント