您的位置:首页 > Web前端 > JavaScript

FullWidow.js全屏化展示

2016-03-24 11:13 429 查看
“`

// JavaScript Document

(function(a, b) {

“use strict”;

var c = function() {

var a = [[“requestFullscreen”, “exitFullscreen”, “fullscreenchange”, “fullscreen”, “fullscreenElement”], [“webkitRequestFullScreen”, “webkitCancelFullScreen”, “webkitfullscreenchange”, “webkitIsFullScreen”, “webkitCurrentFullScreenElement”], [“mozRequestFullScreen”, “mozCancelFullScreen”, “mozfullscreenchange”, “mozFullScreen”, “mozFullScreenElement”]];

for (var c = 0,

d = a.length; c < d; c++) {

var e = a[c];

if (e[1] in b) return e

}

} ();

if (!c) return a.screenfull = !1;

var d = “ALLOW_KEYBOARD_INPUT” in Element,

e = {

init: function() {

return b.addEventListener(c[2],

function(a) {

e.isFullscreen = b[c[3]],

e.element = b[c[4]],

e.onchange(a)

}),

this

},

isFullscreen: b[c[3]],

element: b[c[4]],

request: function(a) {

a = a || b.documentElement,
a[c[0]](d && Element.ALLOW_KEYBOARD_INPUT),
b.isFullscreen || a[c[0]]();
//alert("dd");
},
exit: function() {
b[c[1]]()
},
toggle: function(a) {
this.isFullscreen ? this.exit() : this.request(a)
},
onchange: function() {}
};
a.screenfull = e.init()


})(window, document)



无标题文档

正在加载…

var loading = document.getElementById('loading');
loading.style.cursor = 'pointer';
loading.innerHTML = '点击开始';
loading.onclick = ck;
function ck()
{
screenfull && screenfull.request();
};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: