页面监听键盘事件

哥很冷漠

于 2022-10-30 23:06:33 发布

阅读量560

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/qq_63608386/article/details/127607029

博客介绍了在JavaScript中为input框添加方法的操作。先编写一个方法，然后在onMounted里调用该方法，页面加载后点击被禁用的按键即可触发相应事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般是直接加给input框的，经过研究发现：

先写一个方法

const watch = ()=>{
      document.onkeydown = (event)=>{
        if(event.keyCode==27||event.keyCode==192||event.keyCode==17||event.keyCode==18||event.keyCode==91||event.keyCode==16||event.keyCode==13||event.keyCode==37||event.keyCode==38||event.keyCode==39||event.keyCode==40){
          ElMessage({
          type:'error',
          message:'检测到您出现作弊行为,给予警告'
        })
        errorNum.value.push(1)
      }
      if(errorNum.value.length==2){
        over();
        ElMessage({
          type:'error',
          message:'检测到您多次出现作弊行为,已交卷'
        })
        loading.value = true;
        setTimeout(()=>{
          loading.value = false;
        },2000)
      }
      }
    }

在onMounted里面

 onMounted(()=>{
        console.log('进入页面')
        allScreen();
        watch();
    })

在这里面调用即可

一进入页面点击被禁用的按键就会被触发