Vue监听键盘鼠标事件
2021-04-01 本文已影响0人
吴小冷
mounted () {
window.addEventListener('keyup',this.handleKeyup)
window.addEventListener('scroll',this.handleScroll)
},
methods:{
// 键盘事件
handleKeyup(event){
const e = event || window.event || arguments.callee.caller.arguments[0]
if(!e) return
const {key,keyCode} = e
console.log(keyCode)
console.log(key)
},
// 滑轮事件
handleScroll(){
var e = document.body.scrollTop||document.documentElement.scrollTop
if(!e) return
console.log(e)
},
//移除监控
destroyed () {
window.removeEventListener('keyup',this.handleKeyup)
window.removeEventListener('scroll',this.handleScroll)
},
}
https://www.jianshu.com/p/b1b28ca7b0bd