1. 程式人生 > >js全屏判斷

js全屏判斷

//判斷是否全屏document.getElementById(id)
function IsFull() {
var fullscreenElement =
SSOcx.fullscreenEnabled
|| SSOcx.mozFullscreenElement
|| SSOcx.webkitFullscreenElement;
var fullscreenEnabled =
SSOcx.fullscreenEnabled
|| SSOcx.mozFullscreenEnabled
|| SSOcx.webkitFullscreenEnabled;
console.log(document.fullscreenElement);
console.log(document.fullscreenEnabled);
if (fullscreenElement == null)
{
return false;
} else {
return true;
}
}
/**
 * [isFullscreen 判斷瀏覽器是否全屏]
 * @return [全屏則返回當前呼叫全屏的元素,不全屏返回false]
 */
function isFullscreen(){
console.log(document.fullscreenElement);
console.log(document.msFullscreenElement);
console.log(document.mozFullScreenElement);
console.log(document.webkitFullscreenElement);
return document.fullscreenElement    ||
   document.msFullscreenElement  ||
   document.mozFullScreenElement ||
   document.webkitFullscreenElement || false;
}

相關推薦

js判斷

//判斷是否全屏document.getElementById(id) function IsFull() {var fullscreenElement =SSOcx.fullscreenEnabled|| SSOcx.mozFullscreenElement|| SSOc

使用html5中video自定義播放器必備知識點總結以及JSAPI介紹

標簽 quest htm round internet tel ren per 全屏 一、video的js知識點: controls(控制器)、autoplay(自動播放)、loop(循環)==video默認的; 自定義播放器中一些JS中提供的方法和屬性的記錄: 1、pla

fullPage.js動態滾動插件

https 模塊 ngs 參考 事件 style ive http slide 1.前言   全屏大圖、簡約風的網頁給人第一印象就是高端大氣上檔次,很多手機廠商的手機宣傳頁面都是采用了這種設計風格,蘋果的官網更是體現的淋漓盡致(栗子?)。   fullPage.js就是專門

jquery.fullPage.js滾動外掛的使用方法

相容性: 支援 IE8+ 及其他現代瀏覽器。 主要功能: 1.支援滑鼠滾動; 2.支援前進後退鍵盤控制; 3.多個回撥函式; 4.支援手機.移動裝置; 5.支援視窗縮放自動調整; 6.可設定滾動寬度、背景顏色、滾動速度、迴圈選項、回撥、文字對齊

FullPage.js外掛文件及使用方法

簡介 fullPage.js是一個基於jQuery的全屏滾動外掛,它能夠很方便、很輕鬆的製作出全屏網站 下載地址 下載地址 相關示例:基於fullpage.js實現的360全屏滑動效果 支援功能 支援滑鼠滾動 支援前進後退和鍵盤控制 多個回撥函式

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

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

Chrome71版本使用screenfull.js功能時報引數錯誤

在生產環境長期使用的一個“全屏”功能突然失效了,檢視Console 如下報錯: Failed to execute 'requestFullscreen' on 'Element': parameter 1 ('options') is not an object 專案引入了第三方的一個全屏相容包

js操作

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

fullPage.js滾動外掛

fullPage.js是基於JQuery的外掛,它能夠很方便、很輕鬆的製作出全屏網站,主要功能有: 支援滑鼠滾動 多個回撥函式 支援手機、平板觸控事件 支援css3動畫 支援視窗縮放,視窗縮放時自動調整 可設定滾動寬度、背景顏色、滾動速度、迴圈選項、回撥、文

JS 滾動 / 整翻頁

線上演示 知識點總結 當需要製作轉動滑鼠滾輪放大頁面字型這樣的互動效果時,會用到 Mousewheel 事件。其實在大多數瀏覽器(IE6, IE7, IE8, Opera 10+, Saf

JS調用命令實現F11

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

JS 取消iOS播放自動

edi 參數 取消 lin 瀏覽器 ack sin media 模式 iOS下瀏覽器模式下h5播放器強制是全屏的,除非在app下才可以非全屏播放,需要兩個配置: (1)播放器添加參數: playsinline:true(我使用的是阿裏雲的播放器,其他的需要自己找找是那個參

js-觸滑動判斷滑動方向(移動版)

func result angle dir listener atan bre dto listen var startx, starty; //獲得角度 function getAngle(angx, angy) { return Math.atan2(a

jQuery-滾動插件【fullPage.js】API 使用方法總結

ide fixed uart 移動 alc add 兩個 電子 寬度 jQuery-全屏滾動插件fullPage.js使用方法總結   作者github及下載地址:https://github.com/alvarotrigo/fullPage.js   今天說下jQuer

學習 | jQuery滾動插件FullPage.js

arrow viewport ice char IT loop 網站 動畫 信息   簡介    fullPage.js是一個基於jQuery的全屏滾動插件,它能夠很方便、很輕松的制作出全屏網站。   主要功能 支持鼠標滾動 支持前進後退和鍵盤控制 多個回調函

jquery動態背景切換登錄插件supersized.js

fire 居中 -o 單擊 暫停 BE between dede hover 下載地址:https://download.csdn.net/download/t101lian/10434198 預覽: http://www.daimabiji.com/codedemo/

js控制瀏覽器

man trigge ros event object 屬性 pad 一次 運行 HTML 5中的full screen,目前可以在除IE和opera外的瀏覽器中使用 ,有的時候用來做全屏API,遊戲呀,等都很有用。先看常見的API element.requestFull

js讓頁面

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

Android判斷Activity是否的方式!!!(最

在Android中設定全屏的方式大致有兩種,一種是通過程式碼控制,一種是通過theme樣式配置。 那如何判斷一個Activity是不是全屏呢? 可以有以下幾種方式: 1.判斷window flag屬性(程式碼控制) if ( (activity.getWindow().getAttr

關於WebView 沒有執行JS的問題

最近在使用WebView的時候,遇到了一點小問題: 在使用WebView的時候,如果WebView的大小比較大,橫屏狀態,然後使用JavaScript去繪製動畫,發現,js會被延遲呼叫,就是,比如當前我從長連接獲取到資料,呼叫繪製100次,這100次 不是立刻繪製,顯示的,往往會延遲幾秒甚至幾十