mounted(){
let _this = this
// 全屏时候按快捷键取消全屏
window.onresize = function(e) {
if (!_this.checkFull()) {
//要执行的动作
_this.isFull = false
}
}
window.addEventListener('keydown', function(event) {
//禁掉F11的全屏的默认事件,不会禁止F11的退出全屏
const e = event || window.event
if (e && e.keyCode === 122) {
e.preventDefault()
}
if (e && e.keyCode === 27) {
//esc退出全屏动作
_this.exitFull()
}
})
}
methods:{
showFull(){
this.isFull = true
},
checkFull(){
//判断浏览器是否处于全屏状态 （需要考虑兼容问题）
var isFull = document.mozFullScreen||
document.fullScreen ||
//谷歌浏览器及Webkit内核浏览器
document.webkitIsFullScreen ||
document.webkitRequestFullScreen ||
document.mozRequestFullScreen ||
document.msFullscreenEnabled
if(isFull === undefined) {
isFull = false
}
return isFull;
},
// 按钮退出全屏
exitFull() {
// 判断各种浏览器，找到正确的方法
this.isFull = false;//此处方法加要在前面，防止ie9 10不执行下面方法
var el = document;
var exitMethod =
el.exitFullscreen || //W3C
el.mozCancelFullScreen || //Chrome等
el.webkitExitFullscreen || //FireFox
el.msExitFullscreen; //IE11
if (exitMethod) {
exitMethod.call(el);
} else if (typeof window.ActiveXObject !== "undefined") {
//for Internet Explorer
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
},
}
```swiftjs 全屏阻止esc F11事件
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 1、事件对象 2、事件目标 3、阻止事件冒泡 4、阻止默认事件 5、return false（原生js在事件函数里...
- 有错误欢迎指出，一定及时修改 “return false”方法会终止元素的默认行为、阻止事件冒泡、以及其他实际场景...
- 1、event.stopPropagation() 阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事...
