Skip to content

Commit

Permalink
2024/07/26 時点の英語版に基づき更新
Browse files Browse the repository at this point in the history
  • Loading branch information
mfuji09 committed Sep 20, 2024
1 parent 208fe12 commit 97b5210
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 5 deletions.
5 changes: 3 additions & 2 deletions files/ja/web/api/htmlelement/load_event/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: "HTMLElement: load イベント"
short-title: load
slug: Web/API/HTMLElement/load_event
l10n:
sourceCommit: c781603ee230aee6ab7293e2a42df78fc5768c51
sourceCommit: e9e2ec643ac69c132f31427a0b586ab2cf83ed58
---

{{APIRef}}
Expand Down Expand Up @@ -45,7 +45,8 @@ elt.onload = (event) => { ... };
```js
const image = document.getElementById("image");
image.onload = () => {
document.body.innerHTML += "<div>loaded!</div>";
document.body.appendChild(document.createElement("div")).textContent =
"loaded!";
};

function reload() {
Expand Down
7 changes: 4 additions & 3 deletions files/ja/web/api/htmlelement/toggle_event/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,17 +2,17 @@
title: "HTMLElement: toggle イベント"
slug: Web/API/HTMLElement/toggle_event
l10n:
sourceCommit: bb6092c4230b69c2eceae6910af68c73955cae1c
sourceCommit: e9e2ec643ac69c132f31427a0b586ab2cf83ed58
---

{{APIRef}}{{SeeCompatTable}}
{{APIRef("HTML DOM")}}

**`toggle`** は {{domxref("HTMLElement")}} インターフェイスのイベントで、{{domxref("Popover_API", "ポップオーバー", "", "nocode")}}要素(すなわち有効な [`popover`](/ja/docs/Web/HTML/Global_attributes/popover) 属性がある要素)において、表示または非表示になった直後に発行されます。

- そのポップオーバー要素が非表示状態から表示状態に遷移した場合、`event.oldState` プロパティは `closed` に、`event.newState` プロパティは `open` にそれぞれ設定されます。
- そのポップオーバー要素が表示状態から非表示状態に遷移した場合、 `event.oldState``open` に、 `event.newState``closed` になります。

> **メモ:** `toggle` イベントは {{htmlelement("details")}} 要素で発行された場合、異なる形で動作します。この場合、ポップオーバーとは関連しておらず、`<details>` 要素の `open`/`closed` 状態が切り替わったときに発行されます。詳しくは `HTMLDetailsElement` の {{domxref("HTMLDetailsElement.toggle_event", "toggle イベント")}}のページを参照してください
> **メモ:** `toggle` イベントは {{htmlelement("details")}} 要素で発行された場合、異なる形で動作します。この場合、ポップオーバーとは関連しておらず、`<details>` 要素の `open`/`closed` 状態が切り替わったときに発行されます。詳しくは `HTMLDetailsElement` の {{domxref("HTMLDetailsElement.toggle_event", "toggle")}} イベントのページを参照してください
## 構文

Expand Down Expand Up @@ -74,5 +74,6 @@ popover.hidePopover();

## 関連情報

- HTML の [`popover`](/ja/docs/Web/HTML/Global_attributes/popover) グローバル属性
- [ポップオーバー API](/ja/docs/Web/API/Popover_API)
- 関連イベント: [`beforetoggle`](/ja/docs/Web/API/HTMLElement/beforetoggle_event)

0 comments on commit 97b5210

Please sign in to comment.