HTML 5ネットワークリスニング、フルスクリーン
2382 ワード
1.ネットワーク状態の傍受
onlineイベントonlineイベント:ネットワーク接続時にofflineイベントがトリガーされます:ネットワーク切断時にトリガーされます注意:ネットワーク状態が変化した場合にのみトリガーされます
この例では,本来ネットワークはずっと接続されており,何もトリガされない.手動でネットワークケーブルを抜いて、コンソールは“ネットワークがつながった”を印刷して、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
フルスクリーンへのカプセル化とフルスクリーンからの終了の関数
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()
}
}