keyCode属性返回onkeypress事件触发的键值的字符代码,或onkeydown/onkeyup的键的代码。

两种代码类型的区别是:

字符代码 - 表示 ASCII 字符的数字

键盘代码 - 表示键盘上真实键的数字

HTML:

1
<input type="text" id="test" onkeydown="testKeyCode();">

JS:

1
2
3
4
5
//按下回车键处理程序
function testKeyCode(){
    var e = e||window.event; //兼容IE浏览器,IE8将事件对象保存为一个全局变量event
    console.log(e);
}

把事件源对象打印出来,看看有哪些常见的属性

现在想要知道按键对应的键值,我们可以这么做

JS:

1
2
3
4
5
6
7
8
9
10
function testKeyCode(){
    var e = e||window.event;
    console.log(e);
    var x = e.keyCode; //获取Unicode值,例如enter的keycode是13,A的keycode是65
    console.log(x);
    var y = String.fromCharCode(x);  //将键值转换为字符
    console.log(y);
    var z = e.key;  //key 事件在按下按键时返回按键的标识符
    console.log(z);
}

在页面输入框中分别输入a,回车键,大写字母键,右箭头键,查看控制台

附上Keycode完整的值列表

本文转自   frwupeng517   51CTO博客,原文链接:http://blog.51cto.com/dapengtalk/1860203

键值 keyCode事件属性相关推荐

  1. javascript 键值keyCode

    <body οnkeypress=alert(event.keyCode)>请按任意键,你将得到该键的键值! keycode 0 = keycode 1 = keycode 2 = key ...

  2. event.keyCode 事件属性

    转自:http://www.runoob.com/jsref/event-key-keycode.html 1 <!DOCTYPE html> 2 <html> 3 <h ...

  3. C# 字典键值对排序 属性的key和value排序

    public string gethas(Dictionary<string, string> ob){StringBuilder str = new StringBuilder();Di ...

  4. C#中将字符转换为键盘的键值keycode

    强制转换 char mychar = 'M';Keys k1 = (Keys)mychar; 图片来自:http://www.cnblogs.com/shyy/archive/2012/04/09/2 ...

  5. JS--JavaScript使用键盘事件、键盘事件属性(keyCode、charCode、target...)、使用键盘控制页面元素

    键盘事件 当用户操作键盘时会触发键盘事件,键盘事件主要包括下面3种类型: keydown: 在键盘上按下某个键时触发.如果按住某个键,会不断触发该事件,但是Opera浏览器不支持这种连续操作.该事件处 ...

  6. android获取按键键值,android中按键的扫描码和键值

    kernel中的按键驱动通过input子系统上报的键值叫做扫描码(ScanCode),对应头文件在 kernel/include/uapi/linux/input.h andorid中的用到的按键才叫 ...

  7. android耳机上报流程,Android系统中耳机按键键值上报不正确 解决过程

    [问题现象] 根据测试组同事反馈:在我们的设备上使用 JBL 品牌某款带有 3 个按键的有线耳机时,按下"音量+"键时设备会减小音量而不是增加音量,按下"音量-" ...

  8. C# 键盘响应事件及键值对照表

    键盘响应事件总结 键盘响应事件是在用户按下某个键后触发的事件,可以是任意操作,但不是任意键都可以被捕获的. 原型:public event KeyPressEventHandler KeyPress  ...

  9. 键盘触发keypress事件,键值列表

    在做前端搜索的时候,我们经常会用到enter(keycode=13)键来控制是否开始搜索. //增加对姓名和代码的enter的监听事件$("#condition_user_name" ...

最新文章

  1. ICCV2019最佳论文SinGAN全面解读,看这一篇就懂了
  2. python3程序设计基础刘德山答案_Python 3 程序设计学习指导与习题解答
  3. dfinity什么时候发币_区块链3.0的Dfinity揭秘
  4. html获取qq头像代码,jQuery在线获取QQ名称和头像
  5. The command ‘/bin/sh -c apt-get install -y vim’ returned a non-zzero code: 100
  6. full outer join 与full join的区别_sleep、yield、join都是干啥的? sleep与wait有啥区别?中篇[十五]...
  7. lnmp构架——对tomcat详解
  8. 图解TCP 的重传、滑动窗口、流量控制和拥塞控制机制
  9. Judy Beta 第10天
  10. 如何使基于梯度下降的机器学习并行化
  11. Golang学习(12)——regex包
  12. HTML基本标签和一些注释的问题
  13. asp.net 域名注册查询接口 支持批量后缀查询
  14. 磁盘阵列 RAID 技术原理详解
  15. 安卓手机与电脑无线传输文件(利用ftp服务)
  16. 中级 PHP 知识点汇总
  17. 冰点文库下载器去广告版百度文库下载工具
  18. 【freeradius】使用radclient调试radius协议
  19. python cnn识别图像_用CNN识别CT图像检测肺癌
  20. pc恶意程序木马分析 启动流程 逆向分析 数据解密

热门文章

  1. Webpack + vue + es6 安装
  2. this,super关键字的使用
  3. 代码描述10911 - Forming Quiz Teams
  4. JVM,JRE,JDK之间的区别和联系
  5. Flutter入门进阶之旅(二)Hello Flutter
  6. python学习之老男孩python全栈第九期_day019知识点总结——collections模块、时间模块、random模块、os模块、sys模块...
  7. 为什么mvc里面的ModelState.IsValid一只都是true
  8. 基于Ruby的Watir-WebDriver自动化测试框架
  9. 轻松搞定ServerCore初始设置
  10. CStatic控件的基本使用