js监听页面最大化,最小化事件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
</head>
<body>
<div>js监听页面最大化,最小化事件</div>
</body>
<script>
//IE
if(document.addEventListener){
document.addEventListener('msvisibilitychange',function(){
console.log(document.msVisibilityState);
if(ocument.msVisibilityState=="visible"){
console.log("游览器处于最大化");
}else{
console.log("游览器处于最小化");
}
})
}
//火狐
if(document.addEventListener){
document.addEventListener('mozvisibilitychange',function(){
console.log(document.mozVisibilityState);
})
}
//谷歌
if(document.addEventListener){
document.addEventListener('webkitvisibilitychange',function(){
console.log(document.webkitVisibilityState);
if(document.webkitVisibilityState=="visible"){
console.log("游览器处于最大化");
}else{
console.log("游览器处于最小化");
}
})
}
</script>
</html>
js监听页面最大化,最小化事件相关推荐
- js监听页面或元素scroll事件,滚动到底部或顶部
基本原理: 1.滚动到底部 元素的滚动距离 + 元素的可视距离 == 元素的滚动条总距离2.滚动到顶部 元素的滚动距离 == 0 监听页面滚动 <!DOCTYPE html> <ht ...
- html+监听+页面滚动到底部,JS监听页面滚动到底部事件
敏捷开发之Scrum扫盲篇 现在敏捷开发是越来越火了,人人都在谈敏捷,人人都在学习Scrum和XP... 为了不落后他人,于是我也开始学习Scrum,今天主要是对我最近阅读的相关资料,根据自己的理解, ...
- java计算器监听放大缩小,js监听页面放大缩小
demo body[zoom='scale']:before{ content: '您的网页处于缩放状态,请按 Ctrl+0 恢复到浏览器默认大小'; z-index: 9999; position: ...
- JavaFX窗口最大化最小化事件
问题背景: 最近做一个本地客户端与远程服务器通信的小程序,采用Mina与远程服务器进行通信. 问题描述: 客户端采用Java FX编写,但是在Java FX窗口最小化切换到最大化的时候会遇到窗口界面黑 ...
- js监听页面元素变化window.MutationObserver
相信前端开发同学都熟悉各种各样的监听事件,比如元素点击事件onClick,鼠标事件onMouseDown.onMouseHover,键盘按键onKeyDown,浏览器窗口改变事件onResize等等. ...
- JS监听页面----无鼠标键盘动作,自动跳页
监听页面鼠标键盘动作,若用户5秒没有任何操作,页面自动跳转 function ScreenSaver(settings){ this.settings = settings; this.nTimeou ...
- VUE监听页面刷新和关闭事件
背景:公司有一个数据看板,,需求是要统计看板有多少人看过,,每个人停留的曝光时间 使用技术:目前使用的技术是 后端Springboot 权限用的是SpringSecurity,前端页面是 Vue+El ...
- js 监听浏览器刷新还是关闭事件
// $(window).bind('beforeunload',function(){return '您输入的内容尚未保存,确定离开此页面吗?';}); // window.onbeforeunlo ...
- css 鼠标滚动事件,js监听鼠标的滚轮滚动事件教程
不同的有不同的滚轮事件.主要是有两种,onmousewheel(firefox不支持)和dommousescroll(只有firefox支持),关于这两个事件这里不做详述,想要了解的朋友请移步:鼠标滚 ...
最新文章
- 【建议收藏】Spring Boot注解全梳理!
- 常见面试之机器学习算法思想简单梳理
- Linux从入门到精通系列之SHELL编程awk语法结构及案例解析
- python3精要(26)-map
- solr入门之參考淘宝搜索提示功能优化拼音加汉字搜索功能
- 有趣的php实例,8个必备的PHP功能实例代码
- dom4j实现为list添加父节点_Heap 堆的实现
- 专业课程设计之客户与服务器程序的同步与通信机制的设计(三)数据共享和线程
- 精进不休 .NET 4.0 (2) - asp.net 4.0 新特性之url路由
- 基于隐式调用风格的kwic实现
- 2021-0316:梦中明白在作梦
- GB28181协议——摄像机语音对讲
- 语义分割VOC2012标签处理
- php实现飘窗,装配式飘窗的制作方法
- 如何处理四级标题、五级标题及其对应的样式?
- C# 如何插入、编辑和删除Excel批注
- 1132. Cut Integer (20)
- 酒店数据泄露门后万豪会员计划遭重创
- Electron-开发第一个桌面应用
- 【小5聊】回看2022,展望2023,分享我的年度总结和感想,在一个行业十年,坚持下去你就是这个行业的专家
热门文章
- JNDI注入demo使用rmi方式
- 【微信小程序canvas】实现小程序手写板用户签名(附代码)测试有效
- cidr php,PHP 怎么实现ip2cidr(生成多个cidr)
- Linux-07-Scp命令
- 柳传志:任正非比我敢冒险 但他摔下来会很重
- Pycharm中出现的错误信息是:unresolved reference “print“解决方法
- availableProcessors is already set to [8], rejecting [8]
- 用友T+数据备份与恢复方法汇总
- CPU和GPU的区别,以及CUDA的定义
- Spring Boot项目微信云托管入门部署