From 8c2b1d0abb9874ac60aa5ee7f731a034f7c43ee1 Mon Sep 17 00:00:00 2001 From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com> Date: Tue, 11 Feb 2025 10:26:37 +0800 Subject: [PATCH] [zh-CN]: Sync translation for `{Document,Element}.fullscreenchange_event` (#25803) Co-authored-by: Jason Ren <40999116+jasonren0403@users.noreply.github.com> --- .../web/api/document/fullscreenchange_event/index.md | 12 +++++++----- .../web/api/element/fullscreenchange_event/index.md | 8 ++++---- 2 files changed, 11 insertions(+), 9 deletions(-) diff --git a/files/zh-cn/web/api/document/fullscreenchange_event/index.md b/files/zh-cn/web/api/document/fullscreenchange_event/index.md index 4c70b83c73a1d2..b57fde027b115d 100644 --- a/files/zh-cn/web/api/document/fullscreenchange_event/index.md +++ b/files/zh-cn/web/api/document/fullscreenchange_event/index.md @@ -2,7 +2,7 @@ title: Document:fullscreenchange 事件 slug: Web/API/Document/fullscreenchange_event l10n: - sourceCommit: 8a12b2889c9dbcb7d9ed026cac3a8538ec5cb277 + sourceCommit: f216422c99b6c7014e398803b70600501bce8a48 --- {{APIRef("Fullscreen API")}} @@ -41,7 +41,7 @@ onfullscreenchange = (event) => {}; 对于示例代码,这意味着,如果元素当前处于全屏模式,则 `fullscreenchange` 处理器在控制台中打印全屏元素的 `id`。如果 `document.fullscreenElement` 为 `null`,则代码记录消息表示更改是为了退出全屏模式。 -### HTML +#### HTML ```html

fullscreenchange 事件示例

@@ -72,7 +72,7 @@ onfullscreenchange = (event) => {}; } ``` -### JavaScript +#### JavaScript ```js const logger = document.querySelector("#logger"); @@ -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} 进入全屏模式。`); @@ -91,7 +91,7 @@ function fullscreenchanged(event) { } } -document.addEventListener("fullscreenchange", fullscreenchanged); +document.addEventListener("fullscreenchange", fullscreenchangeHandler); // 在切换按钮被点击时,将会进入或退出全屏模式 document.getElementById("toggle-fullscreen").addEventListener("click", () => { @@ -104,6 +104,8 @@ document.getElementById("toggle-fullscreen").addEventListener("click", () => { }); ``` +{{EmbedLiveSample("打印 fullscreenchange 事件", 640, 250, "", "", "", "fullscreen")}} + ## 规范 {{Specifications}} diff --git a/files/zh-cn/web/api/element/fullscreenchange_event/index.md b/files/zh-cn/web/api/element/fullscreenchange_event/index.md index af68c212a198b7..c57032558ca347 100644 --- a/files/zh-cn/web/api/element/fullscreenchange_event/index.md +++ b/files/zh-cn/web/api/element/fullscreenchange_event/index.md @@ -2,7 +2,7 @@ title: Element:fullscreenchange 事件 slug: Web/API/Element/fullscreenchange_event l10n: - sourceCommit: 8a12b2889c9dbcb7d9ed026cac3a8538ec5cb277 + sourceCommit: f216422c99b6c7014e398803b70600501bce8a48 --- {{APIRef("Fullscreen API")}} @@ -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} 进入全屏模式。`); @@ -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