ๅ จ็ป้ข API
ๅ
จ็ป้ข API ใฏใ็นๅฎใฎ่ฆ็ด (Element) ๏ผใใใณใใฎๅญๅญซ๏ผใๅ
จ็ป้ขใขใผใใง่กจ็คบใใใใๅฟ
่ฆใชใใชใฃใใจใใซๅ
จ็ป้ขใขใผใใๆใใใใใๆนๆณใ่ฟฝๅ ใใพใใใใใซใใฃใฆใ่ฆๆฑใใใใณใณใใณใ โ ใชใณใฉใคใณใฒใผใ ใชใฉ โ ใใฆใผใถใผใฎ็ป้ขๅ
จไฝใง่กจ็คบใใใๅ
จ็ป้ขใขใผใใ็ตไบใใใพใงใใใฉใฆใถใผใฎใฆใผใถใผใคใณใฟใผใใงใคใน่ฆ็ด ใไปใฎใขใใชใฑใผใทใงใณใใในใฆ็ป้ขใใๆ้คใใใใจใใงใใพใใ
API ใฎไฝฟใๆนใซใคใใฆใฎ่ฉณ็ดฐใฏใ ๅ จ็ป้ข API ใฌใคใใใ่ฆงใใ ใใใ
ใกใข: ใใฎ API ใฎๅฏพๅฟใฏใใฉใฆใถใผใซใใฃใฆใใใณใใผๆฅ้ ญ่พใๅฟ ่ฆใใฉใใใๆๆฐใฎไปๆงใๅฎ่ฃ ใใฆใใใใฉใใใใใใใ็ฐใชใฃใฆใใพใใใใฎ API ใฎๅฎ่ฃ ็ถๆณใฎ่ฉณ็ดฐใฏใใใฉใฆใถใผใฎไบๆๆงใฎ็ฏใๅ็ งใใฆใใ ใใใใใณใใผใซไพๅญใใใซๅ จ็ป้ข API ใซใขใฏใปในใงใใ Fscreen ใฎใใใชใฉใคใใฉใชใผใฎใผไฝฟ็จใๆค่จใใใปใใ่ฏใใใใใใพใใใ
ใคใณใฟใผใใงใคใน
ๅ จ็ป้ข API ่ชไฝใซ็ฌ่ชใฎใคใณใฟใผใใงใคในใฏใใใพใใใใใฎไปฃใใใซใๅ จ็ป้ขๆฉ่ฝใๆไพใใใใใซๅฟ ่ฆใชใกใฝใใใใใญใใใฃใใคใใณใใใณใใฉใผใๆฐๅคใใฎไปใฎใคใณใฟใผใใงใคในใซ่ฟฝๅ ใใฆใใพใใใใใใฏไปฅไธใฎ็ฏใซๆใใฆใใพใใ
ใคใณในใฟใณในใกใฝใใ
ๅ
จ็ป้ข API ใฏ Document ใใใณ Element ใคใณใฟใผใใงใคในใซใกใฝใใใ่ฟฝๅ ใใฆใๅ
จ็ป้ขใขใผใใ่ตทๅใใใ็ตไบใใใใใใใจใใงใใใใใซใใฆใใพใใ
Document ใคใณใฟใผใใงใคในใฎใคใณในใฟใณในใกใฝใใ
Document.exitFullscreen()-
ใฆใผใถใผใจใผใธใงใณใใๅ จ็ป้ขใขใผใใใใฆใฃใณใใฆใขใผใใซๅใๆฟใใใใจใใชใฏใจในใใใพใใ่ฟใใใ
Promiseใฏใๅ จ็ป้ขใขใผใใๅฎๅ จใซ็ตไบใใใจใใซ่งฃๆฑบใใพใใ
Element ใคใณใฟใผใใงใคในใฎใคใณในใฟใณในใกใฝใใ
Element.requestFullscreen()-
ใฆใผใถใผใจใผใธใงใณใใซๅฏพใใฆใๆๅฎใใใ่ฆ็ด (ใใใณใๅญๅญซใพใง) ใๅ จ็ป้ขใขใผใใซ้ ็ฝฎใใใใฉใฆใถใผใฎใฆใผใถใผใคใณใฟใผใใงใคใน่ฆ็ด ใไปใฎใขใใชใฑใผใทใงใณใใในใฆ็ป้ขใใๆ้คใใพใใ่ฟใใใ
Promiseใฏใๅ จ็ป้ขใขใผใใ่ตทๅใใใจใใซ่งฃๆฑบใใพใใ
ใคใณในใฟใณในใใญใใใฃ
Document ใคใณใฟใผใใงใคในใฏใใฎใคใณใฟใผใใงใคในใฏใๅ
จ็ป้ขใขใผใใซๅฏพๅฟใใฆใใฆๅฉ็จใงใใใใฉใใใๅ
จ็ป้ขใขใผใใ็พๅจๆๅนใงใใใฐใใฉใฎ่ฆ็ด ใ็ป้ขใไฝฟ็จใใฆใใใใๅคๆญใใใใใซไฝฟ็จใงใใใใญใใใฃใๆไพใใพใใ
Document.fullscreenElement/ShadowRoot.fullscreenElement-
fullscreenElementใใญใใใฃใงใ็พๅจๅ จ็ป้ขใขใผใใง่กจ็คบใใใฆใใ DOM ๏ผใพใใฏใทใฃใใฆ DOM๏ผไธใฎ่ฆ็ด (Element) ใๅใใใพใใใใใnullใฎๅ ดๅใๆๆธ๏ผใพใใฏใทใฃใใฆ DOM๏ผใฏๅ จ็ป้ขใขใผใใซใชใฃใฆใใพใใใ document.fullscreenEnabled-
fullscreenEnabledใใญใใใฃใงใๅ จ็ป้ขใขใผใใซใชใใใจใใงใใใใฉใใใๅใใใพใใไฝใใใฎ็็ฑใงๅ จ็ป้ขใขใผใใๅฉ็จใงใใชใๅ ดๅ๏ผไพใใฐ"fullscreen"ๆฉ่ฝใ่จฑๅฏใใใฆใใชใใใใใใฏๅ จ็ป้ขใขใผใใๅฏพๅฟใใฆใใชใๅ ดๅ๏ผใใใใฏfalseใจใชใใพใใ
ๅปๆญขใใใใใญใใใฃ
Document.fullscreen้ๆจๅฅจ;-
่ซ็ๅคใงใๆๆธใซ็พๅจๅ จ็ป้ขใขใผใใง่กจ็คบใใใฆใใ่ฆ็ด ใใใใฎใงใใใฐ
trueใ ใใไปฅๅคใฏfalseใ่ฟใใพใใใกใข: ไปฃใใใซ
DocumentใพใใฏShadowRootใฎfullscreenElementใใญใใใฃใไฝฟ็จใใฆใใ ใใใใใใnullใงใฏใชใๅ ดๅใ็พๅจๅ จ็ป้ขใขใผใใง่กจ็คบใใใฆใใElementใ่กจใใพใใ
ใคใใณใ
ๅ จ็ป้ข API ใฏ 2 ใคใฎใคใใณใใๅฎ็พฉใใฆใใใๅ จ็ป้ขใขใผใใซ็งป่กใใใจใใจ็ตไบใใใจใใใพใๅ จ็ป้ขใขใผใใจใฆใฃใณใใฆใขใผใใๅใๆฟใใ้ไธญใงใจใฉใผใ็บ็ใใใใจใๆคๅบใใใใใซๅฉ็จใใใใจใใงใใพใใ
fullscreenchange-
ๅ จ็ป้ขใขใผใใซ็งป่กใใใใ็ตไบใใใใใๆใซใ
Elementใซๅฏพใใฆ้ใใใพใใ fullscreenerror-
ๅ จ็ป้ขใขใผใใซๅใๆฟใใใใ็ตไบใใใใใ้ใซใจใฉใผใ็บ็ใใๆใซใ
Elementใซๅฏพใใฆ้ใใใพใใ
ใขใฏใปในๅถๅพก
ๅ
จ็ป้ขใขใผใใๅฉ็จๅฏ่ฝใงใใใใฏใๆจฉ้ใใชใทใผใไฝฟ็จใใฆๅถๅพกใใใใจใใงใใพใใๅ
จ็ป้ขใขใผใใฎๆฉ่ฝใฏ "fullscreen" ใฎๆๅญๅใซใใฃใฆ่ญๅฅใใใๆขๅฎใฎ่จฑๅฏใชในใใฎๅคใฏ "self" ใงใใใๆไธไฝใฎๆๆธใณใณใใญในใใงใฏๅ
จ็ป้ขใขใผใใ่จฑๅฏใใใฆใใใๆไธไฝๆๆธใจๅใใชใชใธใณใใ่ชญใฟ่พผใพใใๅ
ๅดใฎ้ฒ่ฆงใณใณใใญในใใๅๆงใงใใ
ไฝฟ็จไธใฎใกใข
ใฆใผใถใผใฏๅ จ็ป้ขใขใผใใ่งฃ้คใใใฎใใใตใคใใใขใใชใใใญใฐใฉใ ็ใซ่กใใฎใๅพ ใคใฎใงใฏใชใใ ESC ใพใใฏ F11 ใญใผใๆผใใใจใงๆใใใใจใ้ธๆใใใใจใใงใใพใใใฆใผใถใผใคใณใฟใผใใงใคในใฎไธญใงใใใใใงใใใใจใใฆใผใถใผใซ็ฅใใใใใใฎ้ฉๅใชใฆใผใถใผใคใณใฟใผใใงใคใน่ฆ็ด ใใใฆใผใถใผใคใณใฟใผใใงใคในใฎใฉใใใงๆไพใใใใจใๅฟใใชใใงใใ ใใใ
ใกใข: ๅ จ็ป้ขใขใผใใงใใใจใใซๅฅใฎใใผใธใธ็งปๅใใใใฟใใๅใๆฟใใใใใใใฏๅฅใฎใขใใชใฑใผใทใงใณใซๅใๆฟใใ (ไพใใฐ Alt-Tab ใไฝฟ็จ) ใจใๅๆงใซๅ จ็ป้ขใขใผใใ่งฃ้คใใพใใ
ไพ
ๅ็ดใชๅ จ็ป้ขใฎไฝฟ็จ
ใใฎไพใงใฏใใฆใงใใใผใธๅ ใซๅ็ปใ่กจ็คบใใใพใใ Enter ใญใผใๆผใใจใๅ็ปใใฆใฃใณใใฆๅ ่กจ็คบใจๅ จ็ป้ข่กจ็คบใจใงๅใๆฟใใใใจใใงใใพใใ
Enter ใญใผใฎ็ฃ่ฆ
ใใผใธใ่ชญใฟ่พผใพใใใจใ Enter ใญใผใ็ฃ่ฆใใใคใใณใใชในใใผใ่จญๅฎใใใณใผใใๅฎ่กใใใพใใ
document.addEventListener(
"keydown",
(e) => {
if (e.key === "Enter") {
toggleFullScreen();
}
},
false,
);
ๅ จ็ป้ขใขใผใใฎๅใๆฟใ
ใใฎใณใผใใฏใใฆใผใถใผใ Enter ใญใผใๆผใใใจใใซๅผใณๅบใใใพใใ
function toggleFullScreen() {
if (!document.fullscreenElement) {
document.documentElement.requestFullscreen();
} else if (document.exitFullscreen) {
document.exitFullscreen();
}
}
ใใใฏ document ใฎ fullscreenElement ๅฑๆงใฎๅคใ็ขบ่ชใใใใจใใๅงใพใใพใใ็พๅฎใฎ้
ไฟกใงใฏ็พๆ็นใงใๆฅ้ ญ่พไปใใฎใใผใธใงใณ (ไพใใฐ mozFullscreenElement, msFullscreenElement, webkitFullscreenElement) ใใใงใใฏใใใปใใใใใงใใใใๅคใ null ใงใใๅ ดๅใฏใๆๆธใใฆใฃใณใใฆใขใผใใงใใใฎใงใๅ
จ็ป้ขใขใผใใธๅใๆฟใใใใจใๅฟ
่ฆใงใใ Element.requestFullscreen() ใๅผใณๅบใใฆใๅ
จ็ป้ขใขใผใใธๅใๆฟใใพใใ
ใใงใซๅ
จ็ป้ขใขใผใใๆๅนใงใใ (fullscreenElement ใ null ใงใฏใชใ) ๅ ดๅใฏใ document ใฎ Document.exitFullscreen() ใๅผใณๅบใใใจใงใๅ
จ็ป้ขใขใผใใ็ตไบใใพใใ
ไปๆงๆธ
ใใฉใฆใถใผใฎไบๆๆง
api.Document.fullscreenElement
Loadingโฆ
api.Document.fullscreenEnabled
Loadingโฆ
api.Document.exitFullscreen
Loadingโฆ
api.Element.requestFullscreen
Loadingโฆ
api.Document.fullscreen
Loadingโฆ