键值 keyCode事件属性
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事件属性相关推荐
- javascript 键值keyCode
<body οnkeypress=alert(event.keyCode)>请按任意键,你将得到该键的键值! keycode 0 = keycode 1 = keycode 2 = key ...
- event.keyCode 事件属性
转自:http://www.runoob.com/jsref/event-key-keycode.html 1 <!DOCTYPE html> 2 <html> 3 <h ...
- C# 字典键值对排序 属性的key和value排序
public string gethas(Dictionary<string, string> ob){StringBuilder str = new StringBuilder();Di ...
- C#中将字符转换为键盘的键值keycode
强制转换 char mychar = 'M';Keys k1 = (Keys)mychar; 图片来自:http://www.cnblogs.com/shyy/archive/2012/04/09/2 ...
- JS--JavaScript使用键盘事件、键盘事件属性(keyCode、charCode、target...)、使用键盘控制页面元素
键盘事件 当用户操作键盘时会触发键盘事件,键盘事件主要包括下面3种类型: keydown: 在键盘上按下某个键时触发.如果按住某个键,会不断触发该事件,但是Opera浏览器不支持这种连续操作.该事件处 ...
- android获取按键键值,android中按键的扫描码和键值
kernel中的按键驱动通过input子系统上报的键值叫做扫描码(ScanCode),对应头文件在 kernel/include/uapi/linux/input.h andorid中的用到的按键才叫 ...
- android耳机上报流程,Android系统中耳机按键键值上报不正确 解决过程
[问题现象] 根据测试组同事反馈:在我们的设备上使用 JBL 品牌某款带有 3 个按键的有线耳机时,按下"音量+"键时设备会减小音量而不是增加音量,按下"音量-" ...
- C# 键盘响应事件及键值对照表
键盘响应事件总结 键盘响应事件是在用户按下某个键后触发的事件,可以是任意操作,但不是任意键都可以被捕获的. 原型:public event KeyPressEventHandler KeyPress ...
- 键盘触发keypress事件,键值列表
在做前端搜索的时候,我们经常会用到enter(keycode=13)键来控制是否开始搜索. //增加对姓名和代码的enter的监听事件$("#condition_user_name" ...
最新文章
- ICCV2019最佳论文SinGAN全面解读,看这一篇就懂了
- python3程序设计基础刘德山答案_Python 3 程序设计学习指导与习题解答
- dfinity什么时候发币_区块链3.0的Dfinity揭秘
- html获取qq头像代码,jQuery在线获取QQ名称和头像
- The command ‘/bin/sh -c apt-get install -y vim’ returned a non-zzero code: 100
- full outer join 与full join的区别_sleep、yield、join都是干啥的? sleep与wait有啥区别?中篇[十五]...
- lnmp构架——对tomcat详解
- 图解TCP 的重传、滑动窗口、流量控制和拥塞控制机制
- Judy Beta 第10天
- 如何使基于梯度下降的机器学习并行化
- Golang学习(12)——regex包
- HTML基本标签和一些注释的问题
- asp.net 域名注册查询接口 支持批量后缀查询
- 磁盘阵列 RAID 技术原理详解
- 安卓手机与电脑无线传输文件(利用ftp服务)
- 中级 PHP 知识点汇总
- 冰点文库下载器去广告版百度文库下载工具
- 【freeradius】使用radclient调试radius协议
- python cnn识别图像_用CNN识别CT图像检测肺癌
- pc恶意程序木马分析 启动流程 逆向分析 数据解密
热门文章
- Webpack + vue + es6 安装
- this,super关键字的使用
- 代码描述10911 - Forming Quiz Teams
- JVM,JRE,JDK之间的区别和联系
- Flutter入门进阶之旅(二)Hello Flutter
- python学习之老男孩python全栈第九期_day019知识点总结——collections模块、时间模块、random模块、os模块、sys模块...
- 为什么mvc里面的ModelState.IsValid一只都是true
- 基于Ruby的Watir-WebDriver自动化测试框架
- 轻松搞定ServerCore初始设置
- CStatic控件的基本使用