keydown、keypress、keyup的使用
keydown、keypress、keyup的使用
keydown、keypress、keyup的使用一、KeyDown、KeyPress 与 KeyUp发生顺序
keydown - > keypress - > keyup
二、事件引发的时间
KeyDown 和 KeyPress 事件在按下键时发生,KeyUp 事件在释放键时发生。
三、KeyDown 触发后,KeyUp是不是一定触发
KeyDown触发后,不一定触发KeyUp,当KeyDown 按下后,拖动鼠标,那么将不会触发KeyUp事件。
四、KeyPress 和KeyDown 、KeyPress之间的区别
1、KeyPress主要用来捕获数字(注意:包括Shift+数字的符号)、字母(注意:包括大小写)、小键盘等除了F1-12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、Delete、End、PgDn、ScrollLock、Pause、NumLock、{菜单键}、{开始键}和方向键外的ANSI字符,keypress事件不能对系统功能键(例如:后退、删除等,其中对中文输入法不能有效响应)进行正常的响应
2、KeyDown 和KeyUp 通常可以捕获键盘除了PrScrn所有按键(这里不讨论特殊键盘的特殊键)
3、KeyPress 只能捕获单个字符
4、KeyDown 和KeyUp 可以捕获组合键。
5、KeyPress 可以捕获单个字符的大小写
6、KeyDown和KeyUp 对于单个字符捕获的KeyValue 都是一个值,也就是不能判断单个字符的大小写。
7、KeyPress 不区分小键盘和主键盘的数字字符。
8、KeyDown 和KeyUp 区分小键盘和主键盘的数字字符。
9、其中PrScrn 按键KeyPress、KeyDown和KeyUp 都不能捕获。
10、回车、上下左右、等功能键keydown、keypress、keyup都获取keyCode,并且值相等。
11、keypress事件的keyCode对字母的大小写敏感,而keydown、keyup事件不敏感
- js 定时切换图片(JavaScript定时器实现无缝滚动图片)
- JavaScript 常用的开发规范
- js打印斐波那契数列(JavaScript输出斐波那契数列的实现方法)
- javascript中window对象
- web中如何预防xss攻击(详解前端安全之JavaScript防http劫持与XSS)
- js闭包可以解决哪些问题(JavaScript中let避免闭包造成问题)
- javascript作用域实例(JavaScript defineProperty如何实现属性劫持)
- javascriptloop教程(JavaScript中的AOP编程的基本实现)
- js宏任务都有哪些(JavaScript 操作宏任务与微任务)
- html基础知识javascript(JavaScript+html实现前端页面滑动验证)
- javascript函数的递归调用记得加上return
- javascript数组实例扩展方法(JavaScript如何监测数组的变化)
- html注册表单验证代码(JavaScript+html实现前端页面随机二维码验证)
- js使用递归解析(关于JavaScript递归经典案例题详析)
- js中alert加参数写法(详解JavaScript Alert函数执行顺序问题)
- JavaScriptSerializer对Json对象的序列化和反序列化
- 你怎么忘了是说先爱我(你怎么忘了如何爱我)
- 做技术难吗(技术难不难)
- 林心如是谁(林心如是谁演的)
- 泰国安全吗(泰国安全吗2023)
- 菲律宾安全吗(菲律宾安全吗)
- 泰国旅游攻略(泰国旅游攻略必去景点)
热门推荐
- 使用canvas画个正方形(canvas小画板之平滑曲线的实现)
- sql性能优化案例(SQL性能优化之定位网络性能问题的方法DEMO)
- js三级联动说明(基于JavaScript实现省市联动效果)
- mysql 排序源码(MySQL排序原理和案例详析)
- Mysql官方性能测试工具mysqlslap的使用简介(Mysql官方性能测试工具mysqlslap的使用简介)
- python后端生成的pdf文件(Python实现截取PDF文件中的几页代码实例)
- python3中super函数的基本用法(实例讲解Python3中abs函数)
- php函数使用教程讲解学习交流(浅谈PHP中的Trait使用方法)
- dede MD5加密解密(DEDECMS的20位MD5加密密文解密示例介绍)
- mysql 8.0.22 winx64安装配置方法图文教程(mysql 8.0.22 winx64安装配置方法图文教程)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9