页面监听键盘事件

简介: 页面监听键盘事件

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

在这里面调用即可

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

相关文章
|
7月前
|
JavaScript
vue全屏事件与关闭全屏事件
vue全屏事件与关闭全屏事件
264 0
|
3月前
|
JSON 小程序 JavaScript
微信小程序页面事件,下拉刷新事件和上拉触底事件
这篇文章介绍了微信小程序中如何实现下拉刷新和上拉触底事件,包括开启下拉刷新、配置下拉刷新样式、监听下拉刷新事件,以及监听上拉触底事件和配置上拉触底的距离。
|
7月前
失焦事件和点击事件
失焦事件和点击事件
41 1
|
7月前
|
JavaScript 前端开发
js基础——事件(鼠标事件、键盘事件、表单事件......)
js基础——事件(鼠标事件、键盘事件、表单事件......)
63 0
页面监听键盘事件
页面监听键盘事件
81 0
|
JavaScript 前端开发
JavaScript 点击事件:一个按钮触发另一个按钮
给按钮 2 添加点击事件 click 触发按钮 1 的点击事件,就算给按钮 1 添加样式 display: none; 或 visibility: hidden; 隐藏起来也能触发。
633 0
|
JavaScript
使用jquery中实现按回车触发按钮事件和点击提交按钮触发的是一个事件
使用jquery中实现按回车触发按钮事件和点击提交按钮触发的是一个事件
145 0
14、事件类型(鼠标事件、键盘事件、触屏事件)
14、事件类型(鼠标事件、键盘事件、触屏事件)
159 0
|
容器 C#
3D场景中的鼠标响应事件
原文:3D场景中的鼠标响应事件 今天要讲的是3D场景中的鼠标响应事件的处理,首先Button的响应是大家熟知的,只要加上一个click事件,然后写一个响应的处理时间就行了。对于二维平面上的一些控件也很好处理,比如在跳棋那篇文章中,就是用了ellipse的鼠标左右键按下的事件响应函数。
932 0