HTML 5ネットワークリスニング、フルスクリーン

2382 ワード

1.ネットワーク状態の傍受
onlineイベントonlineイベント:ネットワーク接続時にofflineイベントがトリガーされます:ネットワーク切断時にトリガーされます注意:ネットワーク状態が変化した場合にのみトリガーされます

    //       
    window.addEventListener("online",function(){
        console.log("     ")
    })
    //       
    window.addEventListener("offline",function(){
        console.log("     ")
    })

この例では,本来ネットワークはずっと接続されており,何もトリガされない.手動でネットワークケーブルを抜いて、コンソールは“ネットワークがつながった”を印刷して、online事件をトリガしたことを説明して、それから手動で再びインターネットケーブルを接続して、それからコンソールはまた“ネットワークが切れた”を印刷して、offline事件をトリガしたことを説明します
2.フルスクリーンコネクタ
HTML 5のapiは、Dom要素をフルスクリーンで表示できます.全画面表示のオン/オフ方法:W 3 C提案(chrome,火狐は2019-9-29をサポートしている):element.requestFullscreen() document.exitFullscreen()chrome:webkitRequestFullScreen()or webkitRequestFullscreen()webkitCancelFullScreen()火狐ブラウザ:mozRequestFullScreen()mozCancelFullScreen()IE 11(IE 10以降はサポートされていません):msRequestFullscreen()msExitFullscreen()注:フルスクリーンを終了するにはdocumentのみが使用できます
document.fullscreenEnabledプロパティ:ブラウザがフルスクリーンモードW 3 Cの提案をサポートしているかどうかを示すブール値を返します(これまでグーグル、火狐は2019-9-29をサポートしていました):document.fullscreenEnabled chromeブラウザ:document.WebkitFullscreenEnabled火狐ブラウザ:document.mozFullScreenEnabled IE 11(IE 10および以下はサポートされていない):document.msFullscreenEnabled
document.fullscreenElementこのプロパティは、現在フルスクリーンモードにあるDOM要素を返します.IE 11はdocument.msFullscreenElement
フルスクリーンへのカプセル化とフルスクリーンからの終了の関数

    //          
    function fullScreen(node){
        //            api
        if(document.fullscreenEnabled || document.msFullscreenEnabled){
            //   IE
            if(node.requestFullscreen){
                // chrome   
                node.requestFullscreen()
            }else if(node.msRequestFullscreen){
                // IE11
                node.msRequestFullscreen()
            }
        }else{
            alert("            ")
        }
    }

    //          (  esc    )
    function exitfullScreen(){
        //            
        var fullscreenElement = document.fullscreenElement || document.msFullscreenElement
        if(!fullscreenElement){
            //console.log("      ")
            return
        }
        //                   
        if(document.exitFullscreen){
            document.exitFullscreen()
        }else if(document.msExitFullscreen){
            document.msExitFullscreen()
        }
    }