监听浏览器是否处于全屏
2018-01-30 19:04
155 查看
$(document).on('keydown', function (e) {
var e = event || window.event || arguments.callee.caller.arguments[0];
if(e && e.keyCode == 122){//捕捉F11键盘动作
e.preventDefault(); //阻止F11默认动作
var el = document.documentElement;
var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;//定义不同浏览器的全屏API
//执行全屏
if (typeof rfs != "undefined" && rfs) {
rfs.call(el);
}else if(typeof window.ActiveXObject != "undefined"){
var wscript = new ActiveXObject("WScript.Shell");
if (wscript!=null) {
wscript.SendKeys("{F11}");
}
}
//监听不同浏览器的全屏事件,并件执行相应的代码
document.addEventListener("webkitfullscreenchange", function() {//
if (document.webkitIsFullScreen) {
//全屏后要执行的代码
}else{
//退出全屏后执行的代码
},500);
}
},false);
document.addEventListener("fullscreenchange", function() {
if (document.fullscreen) {
//全屏后执行的代码
console.log("13")
}else{
//退出全屏后要执行的代码
console.log("14")
}
}, false);
document.addEventListener("mozfullscreenchange", function() {
if (document.mozFullScreen) {
//全屏后要执行的代码
console.log("13")
}else{
//退出全屏后要执行的代码
}
}, false);
document.addEventListener("msfullscreenchange", function() {
if (document.msFullscreenElement) {
//全屏后要执行的代码
console.log("13")
}else{
//退出全屏后要执行的代码
}
}, false);
}
});
var e = event || window.event || arguments.callee.caller.arguments[0];
if(e && e.keyCode == 122){//捕捉F11键盘动作
e.preventDefault(); //阻止F11默认动作
var el = document.documentElement;
var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;//定义不同浏览器的全屏API
//执行全屏
if (typeof rfs != "undefined" && rfs) {
rfs.call(el);
}else if(typeof window.ActiveXObject != "undefined"){
var wscript = new ActiveXObject("WScript.Shell");
if (wscript!=null) {
wscript.SendKeys("{F11}");
}
}
//监听不同浏览器的全屏事件,并件执行相应的代码
document.addEventListener("webkitfullscreenchange", function() {//
if (document.webkitIsFullScreen) {
//全屏后要执行的代码
}else{
//退出全屏后执行的代码
},500);
}
},false);
document.addEventListener("fullscreenchange", function() {
if (document.fullscreen) {
//全屏后执行的代码
console.log("13")
}else{
//退出全屏后要执行的代码
console.log("14")
}
}, false);
document.addEventListener("mozfullscreenchange", function() {
if (document.mozFullScreen) {
//全屏后要执行的代码
console.log("13")
}else{
//退出全屏后要执行的代码
}
}, false);
document.addEventListener("msfullscreenchange", function() {
if (document.msFullscreenElement) {
//全屏后要执行的代码
console.log("13")
}else{
//退出全屏后要执行的代码
}
}, false);
}
});
相关文章推荐
- 【Android】检测是否处于Wifi环境,利用WebView实现浏览器app
- 将iframe全屏显示以及检测浏览器是否全屏
- cmd中检测远程的ip和端口是否处于监听状态
- 判断浏览器是否全屏
- cmd中检测远程的ip和端口是否处于监听状态
- [经典技巧]android 如何监听输入法是否弹出或隐藏,监听手机是否是全屏切换
- android屏幕监听,手机是否处于锁屏状态,在锁屏之上弹出Toast.makeText消息
- js检查浏览器是否处于隐身模式
- 使用Page Visibility监听网页是否处于激活(可见)状态
- cmd中检测远程的ip和端口是否处于监听状态
- 【Android】检测是否处于Wifi环境,利用WebView实现浏览器app
- Android 如何监听自己是否被卸载及卸载后打开的浏览器进行反馈功能的实现 --- 仿360卫士
- 判断当前系统是否处于全屏独占的模式
- jquery判断某个元素是否到了浏览器顶部 滚定监听
- Linux系统下如何判断apache是否处于监听状态?
- Android初学习 - 在Activity中监听屏幕属性改变用来控制是否全屏(隐去status bar)
- JS判断浏览器是否为IE(__proto__)
- [转载]判断当前窗口是否是全屏的山寨版和官方版
- JavaScript 判断浏览器是否支持SVG的代码
- 实时监听js改变value,触发事件,跨浏览器支持