页面监听键盘事件

简介: 页面监听键盘事件

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

在这里面调用即可

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

相关文章
|
前端开发
layui select 绑定onchange事件失效
layui select 绑定onchange事件失效问题处理
Layui 内置方法 - layer.msg(提示框)
Layui 内置方法 - layer.msg(提示框)
1529 0
|
前端开发 JavaScript
Font Awesome 一个基于CSS和LESS的免费图标库工具包
Font Awesome 是一款免费的图标字体库,基于 CSS 和 LESS,适用于个人和商业项目。它提供5000多个可缩放矢量图标,支持通过 CSS 轻松调整大小、颜色和阴影,适配高分辨率屏幕,极大提升网页开发效率。使用时只需引入 CSS 文件,即可通过类名快速调用图标,是现代前端开发的常用工具。
Font Awesome 一个基于CSS和LESS的免费图标库工具包
|
程序员 数据库 微服务
长事务管理不再难:Saga模式全面解析
本文介绍了分布式事务中的Saga模式,它用于解决微服务架构下的事务管理问题。Saga通过一系列本地事务和补偿操作确保最终一致性,分为编排和协同两种模式。文章重点讲解了编排模式,其中 Saga 协调者负责事务的执行和失败后的补偿。Saga 模式适用于业务流程明确且需要严格补偿的场景,能有效管理长事务,但实现上可能增加复杂性,并存在一致性延迟。文章还讨论了其优缺点和适用场景,强调了在面对分布式事务挑战时,Saga 模式的价值和潜力。
3622 6
|
存储 消息中间件 SQL
数据中台架构与技术体系
本文介绍了数据中台的整体架构设计,涵盖数据采集、存储、计算、服务及治理等多个层面。在数据采集层,通过实时与离线方式整合多类型数据源;存储层采用分层策略,包括原始层、清洗层、服务层和归档层,满足不同访问频率需求;计算层提供批处理、流处理、交互式分析和AI计算能力,支持多样化业务场景。数据服务层封装数据为标准化API,实现灵活调用,同时强调数据治理与安全,确保元数据管理、质量监控、权限控制及加密措施到位,助力企业构建高效、合规的数据管理体系。
4040 13
|
JSON Java 数据格式
使用JSONObject解析与生成JSON数据
使用JSONObject解析与生成JSON数据
1425 0
|
XML 移动开发 前端开发
JS设置Ajax为同步或异步
JS设置Ajax为同步或异步
740 0
|
存储 安全 算法
网络安全第5章课后题 身份认证与访问控制
网络安全第5章课后题 身份认证与访问控制
1188 0
|
JSON 前端开发 数据格式
前端——向json中添加或删除对象、属性
前端——向json中添加或删除对象、属性
为何每次用完ThreadLocal都要调用remove()?
什么是内存泄漏 内存泄漏指的是,当某一个对象不再有用的时候,占用的内存却不能被回收,这就叫作内存泄漏。

热门文章

最新文章