开发者社区> 科技小能手> 正文

JQuery——键盘事件.keydown()、.keyup()和.keypress()

简介:
+关注继续查看

     键盘事件.keydown()、.keyup()和.keypress()

1   .keydown()当用户在一个元素上第一次按下键盘上字母键的时候,就会被触发,与基本事件参数处理保持一致

2   .keyup()当用户在一个元素上第一次松手键盘上的键的时候,就会被触发,使用方法与keydown是一致的只是触发的条件是方法的

3   理论上它可以绑定到任何元素,但keydown/keyup事件只是发送到具有焦点的元素上,不同的浏览器中,可获得焦点的元素略有不同,但是表单元素总是能获取焦点,所以对于此事件类型表单元素是最合适的

4   在input元素上绑定keydown事件时获取的内容都是之前输入的,当前输入的获取不到

5   .keydown()事件触发在文字还没有敲进文本框,这时如果在kevdown事件中输入文本框中的文本,得到的是触发键盘事件前的文本

6   .keyup()事件触发时整个键盘事件的操作已经完成,获得的是触发键盘事件后的文本

7   .keypress()捕获浏览器键盘输入的时候

8   keypress事件与keydown和keyup的主要区别

   只能捕获单个字符,不能捕获组合键

   无法响应系统功能键(如delete,backspace)

   不区分小键盘和主键盘的数字字符

9   KeyPress主要用来接收字母、数字等ANSI字符

10   KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键,如:功能键(F1-F12)、编辑键、定位键以及任何这些键和键盘换档键的组合等



本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/2060514

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
关于等待事件"read by other session"
在查看数据库负载的时候,发现早上10点开始到12点的这两个钟头,系统负载异常的高。于是抓取了一个awr报告。 Snap Id Snap Time Sessions ...
755 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
24749 0
填报表中也可以添加 html 事件
填报,HTML事件,自定义js
902 0
给自定义控件(Web Control)添加事件的几种方法。前两种方法可以不实现IPostBackEventHandler
    写自定义控件已经好久了,也有几个用得时间比较长的,但是对于“事件”一直是比较模糊,没有很详细的理解。          最近升级分页控件,由于原来使用的是VB.net(在VB.net里面添加一个事件是比较容易的),现在想改用C#,而原来的方法又写得比较笨拙,想换一个更简洁一点的方法,所以不得不重新认识一下事件。
747 0
【PostgreSQL系列直播】PostgreSQL变更事件捕获(CDC) 原理应用与实践
主讲人 冯若航前探探PostgreSQL DBA,前阿里全栈工程师。译有《设计数据密集型应用》,《PostgreSQL原理浅析》。 直播内容 《PostgreSQL CDC(变更事件捕获)原理应用与实践》 变更数据捕获(change data capture, CDC)是一种订阅数据库的写入变更,并将其提取转换为可以复制到其他系统中的形式的过程,妙用无穷。
2054 0
snk
Angular vs React vs Vue vs UISYS 的事件绑定方式对比(新手必看)
web三大框架和 airoot uisys 都给大家介绍了一番。在事件绑定上都很棒,除了angluar 有些小伙伴会疑问,angluar为啥那么复杂,其实 angluar 设计之初就为大型企业项目考虑了很多,而且他的组件是最成熟的,React 和 Vue 毕竟不是做成google 那么复杂,所以angluar开始学的时候,感觉有点“脱裤子放屁的感觉”,但是你学深入了,你就明白作者的困境了。
1114 0
23705
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载