页面监听键盘事件

简介: 页面监听键盘事件

一般是直接加给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();
    })

在这里面调用即可

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

相关文章
|
26天前
|
小程序 UED 开发者
小程序如何监听页面的滚动事件
小程序如何监听页面的滚动事件
21 0
|
5月前
|
小程序
小程序中点击子元素事件而不触发父元素的点击事件
小程序中点击子元素事件而不触发父元素的点击事件
97 0
|
3月前
|
前端开发 JavaScript 数据安全/隐私保护
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
43 0
|
3月前
|
JavaScript 前端开发
js基础——事件(鼠标事件、键盘事件、表单事件......)
js基础——事件(鼠标事件、键盘事件、表单事件......)
29 0
|
4月前
|
存储 前端开发 JavaScript
点击按钮时触发防抖
点击按钮时触发防抖
47 0
|
4月前
失焦事件和点击事件
失焦事件和点击事件
20 1
|
9月前
页面监听键盘事件
页面监听键盘事件
55 0
|
11月前
|
JavaScript 前端开发
JavaScript 点击事件:一个按钮触发另一个按钮
给按钮 2 添加点击事件 click 触发按钮 1 的点击事件,就算给按钮 1 添加样式 display: none; 或 visibility: hidden; 隐藏起来也能触发。
548 0
|
JavaScript
使用jquery中实现按回车触发按钮事件和点击提交按钮触发的是一个事件
使用jquery中实现按回车触发按钮事件和点击提交按钮触发的是一个事件
108 0
14、事件类型(鼠标事件、键盘事件、触屏事件)
14、事件类型(鼠标事件、键盘事件、触屏事件)
128 0