1. 程式人生 > >js瀏覽器頁面或頁面元素全屏操作

js瀏覽器頁面或頁面元素全屏操作

function launchFullScreen(element) {
    if (element.requestFullscreen) {
        element.requestFullscreen();
    } else if (element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
    } else if (element.webkitRequestFullscreen) {
        element.webkitRequestFullscreen();
    } else if (element.msRequestFullscreen) {
        element.msRequestFullscreen();
    }
}

function exitFullscreen() {
    if (document.exitFullscreen) {
        document.exitFullscreen();
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
    }
}

//launchFullScreen(document.documentElement); // 整個網頁
function fullScreen() {
    launchFullScreen(document.getElementById("test")); // 某個頁面元素
}


相關推薦

js瀏覽器頁面頁面元素操作

function launchFullScreen(element) { if (element.requestFullscreen) { element.requestFul

讓HTML頁面也可以實現效果

JavaScript程式碼:function toggleFullScreen() { if (!document.fullscreenElement && // alternative standard method !document.mozFullScreenElement &am

HTML 開啟頁面連結強制chrome 瀏覽

1. 投機取巧法實現 第一步:建立一個 chrome 快捷方式。 第二步:快捷方式上右鍵,選擇屬性。然後在目標後面的框內寫上:啟動路徑  空格  開啟的網址  空格  --kiosk 如下:

webview 載入h5頁面,播放視訊+,實現簡單封裝

前段時間專案中用到了h5。從目前的市場來看,原生和h5的結合受到很多公司的歡迎,剛好最近微信也推出了它自己的“小程式”,這在Android程式設計師之間也掀起了波瀾,引起大家討論。 個人覺得Google提供的webview有很多的坑,我這次就踩了不少,比如在某些版本的系統

JS調用命令實現F11

return ima logs key f11全屏 嘗試 ges div 500px <body onload =‘autoSetFull()‘> <button id=‘btn‘>全屏按鈕</button> <div

元素的設置與監聽

cnblogs list msr cancel fun 元素 awk pan code 作者網站:http://hawkzz.com 設置全屏和退出全屏 //全屏設置 $('#fullScreen').on('click', f

網頁模式輕鬆掌握[區域性元素展示]

我第一次對網頁全屏模式有概念,是那種網頁播放視訊的全屏播 放的那種。感覺很強,前幾個星期有個需求也是關於全屏模式的,接觸之後才知道全屏模式並不神祕,是個很容易掌握的技能... 部落格、前端積累文件、公眾號、GitHub CodePen Demo 地址:演示、code 進去看看,玩一下,本文將

win7設定自啟動的兩種方式(谷歌瀏覽器自啟動並預設展示不需要按F11)

功能需求:win7系統需要設定谷歌瀏覽器自啟動,然後進入一個頁面進行播放展示,預設的是瀏覽器全屏。 首先第一步設定自啟動兩種方法: 方法1: win7系統在開始選單中找到名稱為:啟動 也有可能叫(Startup)的資料夾,然後把谷歌瀏覽器複製貼上到這個資料夾中。正常情況下這個辦法就可以了

html5 video 移動開發二(js控制 video 開始暫停,等功能)

var video=document.getElementById("myPlayer"); 進入全屏js控制: //谷歌(webkit核心瀏覽器) video.webkitRequestFullScreen() //火狐 video.mozRequestFullScreen()

js背景圖片按比例充滿

背景: Chrome中頁面背景圖片:background-size:cover;可以按比例放大圖片而無損畫質。 問題是實際在pc端測試時不知何故,圖片只能顯示原大小,其他設定無法按比例放大。 如果設定:background-size:100% 100%;只是拉伸圖片

js操作

js 設定、退出和判斷全屏的方法 設定全屏 退出全屏 全屏屬性 全屏事件 全屏狀態的CSS 設定全屏 /** * [setFullscreen 設定全屏] * @param {domEle

原生js來實現對dom元素class的操作方法

jQuery操作class的方式非常強大 寫了一個利用原生js來實現對dom元素class的操作方法 1.addClass:為指定的dom元素新增樣式 2.removeClass:刪除指定do

js頁面

ram code oct 有一個 type 擁有 chan 頁面 文檔 概述 意外的發現一個網頁有一個按鈕能使網頁全屏,查了下代碼發現是H5的全屏api,於是就查了下資料,記錄下來供以後開發時參考,相信對其他人也有用。 參考資料: 利用js如何做到讓頁面全屏和不全屏功能 E

jQuery fullpage.js 滾動外掛取消滑鼠滾動事件,點選選單欄定位顯示頁面

問題:專案中遇到一個頁面,使用了全屏滾動外掛,如下有4屏畫面。使用了 fullpage.js,現在想要取消通過滑鼠滑輪滾動來定位頁面的功能,只通過點選左側選單欄來實現的定位頁面。   (此處前提條件是,原來的滑鼠事件有效,同時點選左側選單欄也能實現定位de)

JS實現頁面切換

var ismoving=false;//使頁面滾動時停止監聽滾輪事件 var pageH=document.documentElement.clientHeight;//獲得當前視窗高度 var allheight=document.documentElem

js控制頁面展示和退出顯示的方法

<!DOCTYPE html>  <html>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <body>  <div style="margin:0 aut

利用js如何做到讓頁面和不功能

Element.requestFullscreen() 方法用於發出非同步請求使元素進入全屏模式。 以下demo是頁面進行全屏和正常螢幕的,你也可以用元素來進行全屏,當然 <!doctype html> <html> <head>

js 連線開啟頁面

window.open ('<%=path %>/index.jsp', 'page', 'top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no, fullscreen=

pdf.js使用和JS實現巢狀Iframe頁面F11效果

1      Pdf.js使用 generic/web/viewer.html主要是渲染pdf閱讀器的樣式,而generic/web/viewer.js則是指定開啟的pdf檔案(當然還有其他功能,不過這些都不是我們關心的),我們看位於generic/web/viewer.j

谷歌瀏覽器及跳過頁面列印預覽的設定

1.首先在桌面建立一個谷歌瀏覽器的快捷方式; 2.開啟瀏覽器>>然後開啟“設定”選單>>在“啟動時”一項中選擇“開啟特定網頁或一組網頁”>>點選“新增新網頁”,輸入專案或網站地址>>儲存; 3.滑鼠右鍵點選快捷方式>