【键盘事件 JS】关于keyCode事件

这篇具有很好参考价值的文章主要介绍了【键盘事件 JS】关于keyCode事件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

项目场景:

提示:在实现一个delete删除键的时,发现keyCode编码为64,但在其他电脑上发现没有监听到,打印出的keyCode为8,查阅资料发现用户可能会自定义键盘,导致keyCode不准


问题描述

提示:keyCode码不统一,导致不同的键盘出现了bug,以删除按键为例

  document.onkeydown = function (e) {
      let key = window.event ? e.keyCode : e.which;
       //删除Delete键
     if ((key == 46||key==8) {
            
      }
    }

原因分析:用户可能会自定义键盘,导致keyCode不准


解决方案:推荐使用event.code或event.key

 document.onkeydown = function (e) {
      console.log('e',e.code,e.key);//删除键为例,打印出Delete
    }

参考链接:告别JS keyCode « 张鑫旭-鑫空间-鑫生活 (zhangxinxu.com)文章来源地址https://www.toymoban.com/news/detail-562696.html

到了这里,关于【键盘事件 JS】关于keyCode事件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JS 鼠标事件与键盘事件

    一、鼠标事件         onclick        鼠标点击左键触发         onmouseover    鼠标经过触发         onmouseout     鼠标离开触发         onfocus        获得鼠标焦点触发         onblur         失去鼠标焦点触发         onmousemove    鼠标移动出发    

    2024年02月09日
    浏览(38)
  • js常用点击、鼠标、键盘事件--详解

    JavaScript 提供了多种事件类型,包括点击事件、鼠标事件和键盘事件。您可以通过监听这些事件来响应用户的交互动作。以下是一些常见事件及其相应的 JavaScript 代码示例: 1. 点击事件: 2. 鼠标事件(例如鼠标移入、移出、移动等): 3. 键盘事件(例如按下按键、释放按键

    2024年02月12日
    浏览(55)
  • js之 事件监听(鼠标、焦点、键盘、文本)

    目标 :能够给DOM元素添加事件监听 什么是事件 :事件是在编程时系统内发生的动作或者发生的事情,比如用户在网页上单击一个按钮 什么是事件监听 :        就是让程序检测是否有事件产生,一旦有事件触发,就立即调用一个函数做出响应,也称为 绑定事件或者注册事

    2024年02月14日
    浏览(34)
  • JS键盘事件: onkeyup onkeypress onblur onfocus作用。

    查询快递单号的时候,想要在键盘输入然后在驿站大屏幕上展示出来。应该怎么做到呢? @onkeyup @onkeypress @onblur @onfocus使用这四个事件操作试试咯! 1、按下键盘任意键并松开就可以触发onkeyup事件 2、事件会在键盘按键被按下并释放一个键时发生。  3、  失焦事件(onblur)

    2024年02月12日
    浏览(33)
  • JS-DOM-12(常见的鼠标、键盘、表单事件)

    接下来我们来看一下常见的鼠标事件(不仅仅是鼠标设备,也包括模拟鼠标的设备,比如手机、平板电脑) 常见的鼠标事件: mouseover和mouseenter的区别 mouseover 和 mouseenter 都是 JavaScript 事件,用于检测鼠标指针进入一个元素的边界。然而,它们之间有一些关键区别: 事件冒泡

    2024年04月26日
    浏览(46)
  • js的鼠标事件(JavaScript的鼠标事件,vue的鼠标事件)

    js鼠标事件,相关属性: vue鼠标事件,相关属性 (js鼠标事件和vue中的鼠标事件区别是省略了on字符):

    2024年02月12日
    浏览(45)
  • js 模拟回车 模拟键盘,给input框输入值 触发回车事件

    使用js模拟按键输入的踩坑记录 https://zhuanlan.zhihu.com/p/356661173 a) b) c) 仅模拟回车事件 https://juejin.im/post/6844904128305430541 键盘键值对照表: https://blog.csdn.net/geekswg/article/details/120246209 原文参考: http://wjhsh.net/robinunix-p-13685771.html https://www.cnblogs.com/robinunix/p/13685771.html 浏览器兼容:

    2024年02月11日
    浏览(60)
  • 用 JavaScript 检测键盘大写锁定键的状态 - JS 判断大写锁定

    用户在输入密码的时候,由于看不到输入的字母,这时如果 Caps Lock 大写锁定键打开,会给用户造成不必要的困扰。让我们看看如何使用JavaScript检测大写锁定。 KeyboardEvent 上有一个名为 getmodifierState 的方法,我们可以使用它来执行此操作。这可以在键盘相关事件的事件侦听器

    2024年02月20日
    浏览(63)
  • JS javascript 点击鼠标 鼠标事件 获取元素 获取元素Xpath

    js代码,鼠标在页面点击时,记录元素的Xpath 代码:  

    2024年02月15日
    浏览(47)
  • 【Unity3D编辑器开发】Unity3D中实现查看键盘对应KeyCode值面板【方便开发】

    推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 大家好,我是佛系工程师 ☆恬静的小魔龙☆ ,不定时更新Unity开发技巧,觉得有用记得一键三连哦。 在开发中,会遇到要使用监控键盘输入的KeyCode值来执行代码的情况。 比如说: 但是,如果是一些不常

    2024年02月08日
    浏览(72)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包