key、keyCode 和 which
key
、keyCode
和 which
可用于确定按下哪个键。下面是处理文本框的按键事件的示例代码。
它检查用户是否按下键代码为 13 的 Enter 键:
textBoxElement.addEventListener('keydown', function (e) {if (e.keyCode === 13) {// Do something ...}
})
区别
根据 MDN 文档,keyCode
和 which
都已弃用,将从 Web 标准中删除。
除此之外,浏览器对这两个属性的支持也有所不同。有些浏览器使用 keyCode
,其他浏览器使用 which
。
通常可以看到一些规范化的写法,如下所示:
const key = 'which' in e ? e.which : e.keyCode// Or
const key = e.which || e.keyCode || 0
建议
建议使用 key
属性。上面的示例代码可以重写为:
if (e.key === 'Enter') {// 按下回车键
}
http://www.taodudu.cc/news/show-4351375.html
相关文章:
- php swach_PHP Switch 语句
- c++ 构造函数 which is of non-class type奇葩问题
- continue语句可以用在switch语句和3种循环语句中_必须知道的C语言知识细节:break、continue语句区别...
- 谈谈 Spring 中的 NoSuchBeanDefinitionException
- 转载内存授予(memory grants)的理解
- 亚马逊登陆显示服务器出错,Amazon CloudFront常见错误配置及解决方法
- pip安装遇到警告which is not on PATH 不修改site.py也可解决
- 基于Python的微信朋友圈数据可视化分析之地点
- node拉取微信权限,实现自定义分享微信朋友圈等操作
- 【板栗糖GIS】arcmap—如何改变dwg文本在arcmap中注记的颜色
- 怎么使用软件操作将桌面上CAD转换为黑色背景WMF格式?
- 面试连环炮
- BUUCTF misc 九连环隐写
- 面试连环炮之Mysql
- Hadoop面试连环炮
- HashMap面试连环炮
- 分库分表的连环炮
- 图像特效之连环画
- 污水处理常用指标、公式及水质标准
- 西门子标准报文1常用_深入学习PROFIdrive驱动控制协议(1)
- unity水特效与标准资源包的下载导入
- 数字图像水印处理
- arcgis农田图例_ArcGIS在高标准农田建设项目图件制作中的应用
- 高标准农田在线监测系统解决方案
- Android星座运势案例
- Python实效编程01 -- 星座预测
- 微信小程序:十二星座运势查询
- 测试5T3-星座
- 星座查询演示示例代码
- Java实验作业13(星座测试系统)
key、keyCode 和 which相关推荐
- 编程中键盘KeyCode对照表
字母和数字键的键码值(keyCode) key keycode key keycode key keycode key keycode A 65 J 74 S 83 1 49 B 66 K 75 T ...
- Scancode到Keycode的映射
之前分析的InputReader读取底层事件可以得知 InputReaderThead启动之后会通过mEventHub->getEvents读取设备节点的所有事件,通过parsekey方法解析k ...
- TvInput Cec key事件传递流程
一.TV应用MainActivity 1.dispatchInputEvent 这里会特殊处理back键,只有Home键才会退出TV应用,back键会传递给cec连接的device处理.如果按键不在黑 ...
- 2017年6月16号课堂笔记
2017年6月16号 星期五 空气质量:中度污染~轻度污染 内容:jQuery:remove,bind,attr,on和live,同辈和父辈节点的操作, keyup/keypress/keydown, ...
- ajax——实现三级联动下拉列表
数据库: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...
- Jquery--遮罩弹窗特效
/*! jQuery v1.7.2 jquery.com | jquery.org/license*/(function(a,b){function cy(a){return f.isWindow(a ...
- JavaScript--jquery.min.js文件
1 /*! jQuery v1.12.3 | (c) jQuery Foundation | jquery.org/license*/ 2 !function(a,b){"object&qu ...
- 【原创】jQuery1.8.2源码解析之jQuery.event
本片随笔主要是分析了下jQuery的事件模型,即如何统一事件对象,以及处理过程. 这里简要说明一下几点: jQuery通过统一的方法(第62行),eventHandle函数进行事件的分发,利用jQue ...
- jquery2.0.3 全部源码
/*!* Includes Sizzle.js 选择器,独立的库* http://sizzlejs.com/*/ (function( window, undefined ) { //"us ...
- [Android] 输入系统(三):加载按键映射
映射表基本概念 由于Android调用getEvents得到的key是linux发送过来的scan code,而Android处理的是类似于KEY_UP这种统一类型的key code,因此需要有映射表 ...
最新文章
- 主流框架中DOMContentLoaded事件的实现
- python输入字母判断大小写_Python-检查输入的数字、大写字母、小写字母和特殊字符...
- 怎么把php的文件链接成html,怎么把动态的php文件转换成静态的html文件,html文件是php文件…...
- Java安全编码之用户输入
- On Tutorial with Caffe--a Hands DIY DL for Vision
- go odroid_小众奇葩!Odroid Go Super简评
- CCF 201612-2 工资计算 java 解题
- ddx_check绑定注意事项
- 【Spark Summit EU 2016】沃森媒体分析系统:从单租户Hadoop到3000租户Spark的架构演进...
- python逐行调试_python调试:pdb基本用法(转)
- 数据库备份还原,日志清理代码
- AMESim中Demo简介
- LBP算法,空间金字塔 文献阅读报告《基于差分量化局部二值模式的人脸反欺诈算法研究》
- 从NMEA0183到GNSS定位数据获取(二)软件篇
- ps文件怎么导出html文件,PS存储到网页格式的最佳方式
- Python 爬取微信朋友圈的方法
- 军事ar虚拟现实电子沙盘系统的功能
- 【19周-星耀】FASTER!FASTER!FASTER!
- vb.net 教程 3-4 窗体编程 公共控件6 PictureBox ProgressBar
- 拓端tecdat|R语言向量误差修正模型 (VECMs)分析长期利率和通胀率影响关系
热门文章
- ppt纯文字设计的几种玩法(词云、文字云)
- 分辨率、像素、密度和屏幕尺寸的关系(换算)
- 助你掌握搜索神器,10个实用的Elasticsearch查询技巧
- MIT又出新玩法,利用AI可轻松分离视频中的乐器声音
- 氮化硼修饰导热复合物和碳纤维氮化硼涂层|六方氮化硼修饰石墨化氮化碳复合光催化剂|六方氮化硼(h-BN)修饰玻碳电极(GCE-BN) 氮化物
- wxpython中表格顶角怎么设置_当wxGrid中的某个单元格以编程方式更改时,突出显示该行中的一行(使用wxPython)...
- 【交换机】网络交换机的作用
- [总结] 全部笔记博文目录总结(持续更新...)
- 方向比努力重要 能力比知识重要 健康比成绩重要 生活比文凭重要 情商比智商重要
- WORD页码相同问题