键盘/鼠标操作

页面禁止刷新处理Js实现

https://blog.csdn.net/xgxmwang/article/details/24785341

页面大小变化

键盘按键

禁止鼠标右键

code：

created () {
sessionStorage.windowHieght = document.documentElement.clientHeight
window.addEventListener(‘resize’, () => this.handleChangeSize())
document.addEventListener(‘keydown’, e => this.handlePhyRefresh(e))
document.oncontextmenu = function (e) {
return false
}
},
destroyed () {
window.removeEventListener(‘resize’, () => this.handleChangeSize())
document.removeEventListener(‘keydown’, () => this.handlePhyRefresh())
},
handleChangeSize () {
if (sessionStorage.windowHieght != document.documentElement.clientHeight) {
sessionStorage.windowHieght = document.documentElement.clientHeight
this.handleSaveCurrent()
location.reload()
}
},
handlePhyRefresh (e) {
e = window.event || e
let k = e.keyCode
sessionStorage.keyCode = k
// 屏蔽ctrl+R、F5键、ctrl+F5键、F3键
if ((e.ctrlKey == true && k == 82) || k == 82 || (e.ctrlKey == true && k == 116) || k == 116 || k == 114 ) {
if (window.event) {
e.returnValue = false
} else {
e.preventDefault()
}
this.handleSaveCurrent()
location.reload()
}
},