vue封装的全屏js 禁止键盘事件获取当前浏览器类型获取当前的屏幕宽高

开启全屏

export function fullScreen(){var el = document.documentElement,rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen,wscript;if(typeof rfs != "undefined" && rfs) {rfs.call(el);return;}if(typeof window.ActiveXObject != "undefined") {wscript = new ActiveXObject("WScript.Shell");if(wscript) {wscript.SendKeys("{F11}");}}
}

禁止键盘事情 Esc 和 F11 是禁不掉的

//禁止键盘事件
export function stopKeyDownThing(){document.onkeydown = function(e) {var evt = window.event || e;var code = evt.keyCode || evt.which;//屏蔽F1---F12if (code > 111 && code < 124) {if (evt.preventDefault) {evt.preventDefault();} else {evt.keyCode = 0;evt.returnValue = false;}}if (code == 27) {if (evt.preventDefault) {evt.preventDefault();} else {evt.keyCode = 0;evt.returnValue = false;}}};//禁止鼠标右键菜单document.oncontextmenu = function(e) {return false;};//阻止后退的所有动作，包括 键盘、鼠标手势等产生的后退动作。history.pushState(null, null, window.location.href);window.addEventListener("popstate", function() {history.pushState(null, null, window.location.href);});
}

获取当前浏览器

/ 获取当前登录的浏览器
export function getNowBrowser(){var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串// console.log("loginuserAgent:", userAgent)//判断是否Opera浏览器if (userAgent.indexOf("Opera") > -1) {return "Opera"};//判断是否Edge浏览器if (userAgent.indexOf("Edg") > -1){return 'Edge'}//判断是否Firefox浏览器if (userAgent.indexOf("Firefox") > -1) {return "firefox";}//判断是否Chrome浏览器if (userAgent.indexOf("Chrome") > -1){return "Chrome";}//判断是否Safari浏览器if (userAgent.indexOf("Safari") > -1) {return "Safari";}//判断是否IE浏览器if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {return "IE";}if ( userAgent.indexOf("Trident") > -1){return "IE";}
}

获取当前屏幕宽高

// 获取当前浏览器的屏幕宽高
export function getCurrentScreen(){let width= window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;let  height= window.innerHeight || document.documentElement.clientHeight || document.body.clientHeightconsole.log(width,height,'宽高');return {width:width,height:height}
}

vue封装的全屏js 禁止键盘事件获取当前浏览器类型获取当前的屏幕宽高相关推荐

vue实现页面全屏和退出全屏
pc端使用vue实现页面全屏和退出全屏 element.requestFullScreen() -- 全屏显示 Element.requestFullscreen()方法用于异步请求使得Elemen ...
linux控制台则怎么退出全屏,JS 全屏和退出全屏详解及实例代码
JS 全屏和退出全屏 js实现浏览器窗口全屏和退出全屏的功能,市面上主流浏览器如:谷歌.火狐.360等都是兼容的,不过IE低版本有点瑕疵(全屏状态下仍有底部的状态栏). 这个demo基本是够了,直接复 ...
android利用反射调用截屏api,Android利用反射机制调用截屏方法和获取屏幕宽高的方法...
想要在应用中进行截屏,可以直接调用 View 的 getDrawingCache 方法,但是这个方法截图的话是没有状态栏的,想要整屏截图就要自己来实现了. 还有一个方法可以调用系统隐藏的 screen ...
vue项目登录页背景图百分百铺满屏幕宽高自适应
vue项目背景图百分百铺满屏幕宽高自适应 .login{background: url(../../../static/img/login/beijing@2x.png);background-siz ...
vue 组件封装 | s-fullpage 全屏滚动（内含绑定鼠标滑轮滚动事件、避免鼠标滑轮连续滚动、滑动过渡动画等实用技巧）
目录目标实现原理(要点) 完整代码 s-fullpage 和 s-fullpageItem s-fullpage.vue s-fullpageItem.vue 使用范例范例效果目标实现类似插 ...
vue中实现全屏以及对退出全屏的监听
前言: vue中实现默认进来页面,某个div全屏,并监听退出全屏的次数,当退出全屏次数达到5的时候跳转到别的页面. 目录: 实现步骤: 1.页面上在你想要的容器上加上id = 'con_lf_top_ ...
js阻止鼠标右击_使用JS 禁止键盘快捷方式和禁止鼠标右键操作弹窗提示
很多开发人员或者企业都希望自己的源码不被别人看到或者攻击,于是就有了前端禁止右键禁止键盘快捷键,或者更改右键内容的需求.博智互联这里使用JS 禁止查看代码的键盘快捷方式和禁止鼠标右键操作弹窗提示.虽然 ...
ios html5 自动全屏播放,禁止iPhone Safari video标签视频自动全屏的办法
最近做一个移动端微信页面项目,在微信页面中有视频播放,但是需要禁止IOS的自动全屏播放(前提必须使用video标签). 如: 在iPhone safari 点击视频会弹出播放器进行全屏播放. 在网上看 ...
php让浏览器全屏,js实现各浏览器全屏代码
本篇文章给大家分享了js实现各浏览器全屏的详细代码,有兴趣的朋友可以参考学习下. 现代浏览器包括ie11,可以直接用h5的全屏api实现低版本的IE需要通过ActiveX插件实现: //直接上代码 ...

vue封装的全屏js 禁止键盘事件获取当前浏览器类型获取当前的屏幕宽高

vue封装的全屏js 禁止键盘事件获取当前浏览器类型获取当前的屏幕宽高相关推荐

最新文章

热门文章

vue封装的 全屏js 禁止键盘事件 获取当前浏览器类型 获取当前的屏幕宽高

vue封装的 全屏js 禁止键盘事件 获取当前浏览器类型 获取当前的屏幕宽高相关推荐

最新文章

热门文章

vue封装的全屏js 禁止键盘事件获取当前浏览器类型获取当前的屏幕宽高

vue封装的全屏js 禁止键盘事件获取当前浏览器类型获取当前的屏幕宽高相关推荐