Skip to content

Commit

Permalink
[zh-CN]: Sync translation for `{Document,Element}.fullscreenchange_ev…
Browse files Browse the repository at this point in the history
…ent` (#25803)

Co-authored-by: Jason Ren <[email protected]>
  • Loading branch information
skyclouds2001 and jasonren0403 authored Feb 11, 2025
1 parent 5930b15 commit efd9661
Show file tree
Hide file tree
Showing 2 changed files with 11 additions and 9 deletions.
12 changes: 7 additions & 5 deletions files/zh-cn/web/api/document/fullscreenchange_event/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: Document:fullscreenchange 事件
slug: Web/API/Document/fullscreenchange_event
l10n:
sourceCommit: 8a12b2889c9dbcb7d9ed026cac3a8538ec5cb277
sourceCommit: f216422c99b6c7014e398803b70600501bce8a48
---

{{APIRef("Fullscreen API")}}
Expand Down Expand Up @@ -41,7 +41,7 @@ onfullscreenchange = (event) => {};

对于示例代码,这意味着,如果元素当前处于全屏模式,则 `fullscreenchange` 处理器在控制台中打印全屏元素的 `id`。如果 `document.fullscreenElement``null`,则代码记录消息表示更改是为了退出全屏模式。

### HTML
#### HTML

```html
<h1>fullscreenchange 事件示例</h1>
Expand Down Expand Up @@ -72,7 +72,7 @@ onfullscreenchange = (event) => {};
}
```

### JavaScript
#### JavaScript

```js
const logger = document.querySelector("#logger");
Expand All @@ -82,7 +82,7 @@ function log(message) {
logger.textContent = `${logger.textContent}\n${message}`;
}

function fullscreenchanged(event) {
function fullscreenchangeHandler(event) {
// 如果有元素处于全屏模式,则 document.fullscreenElement 将指向该元素。如果没有元素处于全屏模式,则该属性的值为 null。
if (document.fullscreenElement) {
log(`元素:${document.fullscreenElement.id} 进入全屏模式。`);
Expand All @@ -91,7 +91,7 @@ function fullscreenchanged(event) {
}
}

document.addEventListener("fullscreenchange", fullscreenchanged);
document.addEventListener("fullscreenchange", fullscreenchangeHandler);

// 在切换按钮被点击时,将会进入或退出全屏模式
document.getElementById("toggle-fullscreen").addEventListener("click", () => {
Expand All @@ -104,6 +104,8 @@ document.getElementById("toggle-fullscreen").addEventListener("click", () => {
});
```

{{EmbedLiveSample("打印 fullscreenchange 事件", 640, 250, "", "", "", "fullscreen")}}

## 规范

{{Specifications}}
Expand Down
8 changes: 4 additions & 4 deletions files/zh-cn/web/api/element/fullscreenchange_event/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: Element:fullscreenchange 事件
slug: Web/API/Element/fullscreenchange_event
l10n:
sourceCommit: 8a12b2889c9dbcb7d9ed026cac3a8538ec5cb277
sourceCommit: f216422c99b6c7014e398803b70600501bce8a48
---

{{APIRef("Fullscreen API")}}
Expand Down Expand Up @@ -51,7 +51,7 @@ onfullscreenchange = (event) => {};
### JavaScript

```js
function fullscreenchanged(event) {
function fullscreenchangeHandler(event) {
// 如果有元素处于全屏模式,则 document.fullscreenElement 将指向该元素。如果没有元素处于全屏模式,则该属性的值为 null。
if (document.fullscreenElement) {
console.log(`元素:${document.fullscreenElement.id} 进入全屏模式。`);
Expand All @@ -62,9 +62,9 @@ function fullscreenchanged(event) {

const el = document.getElementById("fullscreen-div");

el.addEventListener("fullscreenchange", fullscreenchanged);
el.addEventListener("fullscreenchange", fullscreenchangeHandler);
//
el.onfullscreenchange = fullscreenchanged;
el.onfullscreenchange = fullscreenchangeHandler;

// 在切换按钮被点击时,将会进入或退出全屏模式
document
Expand Down

0 comments on commit efd9661

Please sign in to comment.