2012年9月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2012年8月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2012年7月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2012年5月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2012年3月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2012年2月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2012年1月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2011年11月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2011年8月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2011年4月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2011年3月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2010年9月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2010年8月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2010年7月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2010年6月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2010年5月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2010年3月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2010年2月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2009年12月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2009年11月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2009年10月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2009年6月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一
2012年6月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2012年4月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2011年12月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2011年9月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2011年7月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2011年6月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2011年5月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2010年11月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2010年10月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2010年4月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2010年1月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2009年9月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2009年8月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2009年7月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二
2013年1月 移动平台大版内专家分月排行榜第二2012年12月 移动平台大版内专家分月排行榜第二
2014年1月 移动开发大版内专家分月排行榜第三2013年4月 移动平台大版内专家分月排行榜第三2013年3月 移动平台大版内专家分月排行榜第三2012年6月 移动平台大版内专家分月排行榜第三
2010年12月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二
2011年4月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第三2011年3月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第三2010年11月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第三2010年10月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第三
2012年9月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2012年8月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2012年7月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2012年5月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2012年3月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2012年2月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2012年1月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2011年11月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2011年8月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2011年4月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2011年3月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2010年9月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2010年8月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2010年7月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2010年6月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2010年5月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2010年3月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2010年2月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2009年12月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2009年11月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2009年10月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一2009年6月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一
2012年6月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2012年4月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2011年12月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2011年9月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2011年7月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2011年6月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2011年5月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2010年11月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2010年10月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2010年4月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2010年1月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2009年9月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2009年8月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二2009年7月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二
2013年1月 移动平台大版内专家分月排行榜第二2012年12月 移动平台大版内专家分月排行榜第二
2014年1月 移动开发大版内专家分月排行榜第三2013年4月 移动平台大版内专家分月排行榜第三2013年3月 移动平台大版内专家分月排行榜第三2012年6月 移动平台大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。2013年9月 Web 开发大版内专家分月排行榜第一
2013年10月 Web 开发大版内专家分月排行榜第二2013年8月 Web 开发大版内专家分月排行榜第二2013年1月 Web 开发大版内专家分月排行榜第二
2012年 总版技术专家分年内排行榜第一2007年 总版技术专家分年内排行榜第二2006年 总版技术专家分年内排行榜第二2004年 总版技术专家分年内排行榜第二
2005年 总版技术专家分年内排行榜第三2003年 总版技术专家分年内排行榜第三2002年 总版技术专家分年内排行榜第三
2013年9月 Web 开发大版内专家分月排行榜第一
2013年10月 Web 开发大版内专家分月排行榜第二2013年8月 Web 开发大版内专家分月排行榜第二2013年1月 Web 开发大版内专家分月排行榜第二
本帖子已过去太久远了，不再提供回复功能。& & 让用户端JS触发指的就是让用JS监听用户的操作事件，通过JS程序去实现F11全屏。这个事件可以是一个按钮的点击事件，当然也可以是键盘事件，比如用户按下F11。& & 1.F11键盘事件触发　 当用户按下F11事件，浏览器为触发自身全屏功能，这个过程我们一般是不可控制的，即使是监听了F11的键盘事件，退出全屏的时候，我们也捕捉不到退出全屏触发的事件。所以，我们就用程序自己去实现F11的功能，首先需要禁用浏览器默认的事件动作。　
1 $(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.documentE
var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullS//定义不同浏览器的全屏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) {
//全屏后要执行的代码
//退出全屏后执行的代码
}, false);
document.addEventListener("fullscreenchange", function() {
if (document.fullscreen) {
//全屏后执行的代码
//退出全屏后要执行的代码
}, false);
document.addEventListener("mozfullscreenchange", function() {
if (document.mozFullScreen) {
//全屏后要执行的代码
//退出全屏后要执行的代码
}, false);
document.addEventListener("msfullscreenchange", function() {
if (document.msFullscreenElement) {
//全屏后要执行的代码
//退出全屏后要执行的代码
阅读(...) 评论()温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
记下在前端上的点点滴滴...
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(19890)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'用JS或者jQuery监听 浏览器窗口大小的变化事件',
blogAbstract:'$(window).resize(function() { &&&&$(\'.logo\').html($(window).width());//&&alert($(window).width()); //浏览器时下窗口可视区域宽度 //&&alert($(window).height()); //浏览器时下窗口可视区域高度 //&&alert($(document).height()); //浏览器时下窗口文档的高度 //&&alert($(document.body).height());//浏览器时下窗口文档body的高度 ',
blogTag:'jquery,javascript,css,html',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:1,
publishTime:0,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'记下在前端上的点点滴滴...',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}捕获Chrome浏览器全屏退出事件-中国学网-中国IT综合门户网站-提供健康,养生,留学,移民,创业,汽车等信息
捕获Chrome浏览器全屏退出事件
来源：互联网 更新时间： 15:28:41 责任编辑：李志喜字体：
document.addEventListener("fullscreenchange", function(e) {
console.log("fullscreenchange", e);
document.addEventListener("mozfullscreenchange", function(e) {
console.log("mozfullscreenchange ", e);
document.addEventListener("webkitfullscreenchange", function(e) {
console.log("webkitfullscreenchange", e);
document.addEventListener("msfullscreenchange", function(e) {
console.log("msfullscreenchange", e);
解决方法：
document.addEventListener("webkitfullscreenchange", function (e) {
if (e.currentTarget.webkitIsFullScreen) {
//注意：这里的frames[id]，id是拓扑图监控的菜单id，如果菜单id变了，这里也要相应的变化
$("#fullscreen1", window.frames['name'].document).hide();
$("#quitfullscreen", window.frames['name'].document).show();
$("#fullscreen1", window.frames['name'].document).show();
$("#quitfullscreen", window.frames['name'].document).hide();
}, false);
相关文章：
上一篇文章：下一篇文章：
最新添加资讯
24小时热门资讯
Copyright © 2004- All Rights Reserved. 中国学网 版权所有
京ICP备号-1 京公网安备02号