第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何在 javascript 中阻止 esc 關(guān)閉我的全屏視頻?

如何在 javascript 中阻止 esc 關(guān)閉我的全屏視頻?

當(dāng)年話下 2023-07-14 15:47:30
目前正在開發(fā)一個(gè)視頻播放器,如果視頻是全屏的,則添加特定的樣式類。如果用戶使用esc而不是全屏按鈕退出,樣式將保持不變。/* View in fullscreen */function openFullscreen(elem) {  if (elem.requestFullscreen) {    elem.requestFullscreen();  } else if (elem.webkitRequestFullscreen) { /* Safari */    elem.webkitRequestFullscreen();  } else if (elem.msRequestFullscreen) { /* IE11 */    elem.msRequestFullscreen();  }  video.classList.add('video-fullscreen');}/* Close fullscreen */function closeFullscreen() {  if (document.exitFullscreen) {    document.exitFullscreen();  } else if (document.webkitExitFullscreen) { /* Safari */    document.webkitExitFullscreen();  } else if (document.msExitFullscreen) { /* IE11 */    document.msExitFullscreen();  }  video.classList.remove('video-fullscreen');}let fullscreen = false;//Toggle fullscreenfunction toggleFullScreen(){    !fullscreen ? openFullscreen(player) : closeFullscreen();    fullscreen = !fullscreen;}我嘗試了esc按鈕的事件監(jiān)聽器,這樣我就可以用它來改變樣式,第一個(gè) esc 按下關(guān)閉,第二個(gè)按下我的代碼,非常煩人://detect Escape key presswindow.addEventListener("keydown", (e) => {    if(e.key === "Escape" && fullscreen){        e.preventDefault();        closeFullscreen();        fullscreen = !fullscreen;   }});
查看完整描述

2 回答

?
暮色呼如

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超9個(gè)贊

您不應(yīng)該嘗試攔截轉(zhuǎn)義按鍵并從中得出對(duì)全屏模式的影響。相反,您應(yīng)該監(jiān)聽fullscreenchange事件- 如果失敗也不會(huì)觸發(fā)requestFullscreen

要了解其他?代碼何時(shí)打開和關(guān)閉全屏模式,您應(yīng)該fullscreenchangeDocument.?fullscreenchange例如,當(dāng)用戶手動(dòng)切換全屏模式,或者當(dāng)用戶切換應(yīng)用程序時(shí),導(dǎo)致應(yīng)用程序暫時(shí)退出全屏模式,傾聽并注意也很重要。

document.addEventListener('fullscreenchange',?(event)?=>?{
??video.classList.toggle('video-fullscreen',?document.fullscreenElement?!=?null);
});

但是,您可能根本不需要這個(gè)。只需在 CSS 中.video-fullscreen使用:fullscreen選擇器即可,而不是使用類!


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
拉風(fēng)的咖菲貓

TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個(gè)贊

嘗試將removeClass方法添加到您的事件偵聽器回調(diào)函數(shù)中。


//detect Escape key press

window.addEventListener("keydown", (e) => {

    if(e.key === "Escape" && fullscreen){

        e.preventDefault();

        video.classList.remove('video-fullscreen');        

        closeFullscreen();

        fullscreen = !fullscreen;

   }

});


查看完整回答
反對(duì) 回復(fù) 2023-07-14
  • 2 回答
  • 0 關(guān)注
  • 381 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)