jquery 键盘事件 keypress() keydown() keyup()用法总结
事件的定义
完整的 key press 过程分为两个部分1. 按键被按下;2. 按键被松开。
当按钮被按下时,发生 keydown 事件。
keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数。
当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上。
keyup() 方法触发 keyup 事件,或规定当发生 keyup 事件时运行的函数。
keypress 事件与 keydown 事件类似。当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素上。
不过,与 keydown 事件不同,每插入一个字符,就会发生 keypress 事件。
keypress() 方法触发 keypress 事件,或规定当发生 keypress 事件时运行的函数。
使用情况
(which事件)
$("input").keydown(function(event){ $("div").html("Key: " + event.which); });
which 属性指示按了哪个键或按钮。(event.keyCode和event.charCode进行了标准化。)
1.理论上它可以绑定到任何元素,但keydown/keyup事件只是发送到具有焦点的元素上,不同的浏览器中,可获得焦点的元素略有不同,表单元素总是能获取焦点,所以对于此事件类型表单元素是最合适的
2.在input元素上绑定keydown事件时获取的内容都是之前输入的,当前输入的获取不到
3.keydown()事件触发在文字还没有敲进文本框,这时如果在kevdown事件中输入文本框中的文本,得到的是触发键盘事件前的文本
4.keyup()事件触发时整个键盘事件的操作已经完成,获得的是触发键盘事件后的文本
5.keypress()捕获浏览器键盘输入的时候
6.keypress事件与keydown和keyup的主要区别(所以使用组合键时需要使用keydown事件兼容)
- 只能捕获单个字符,不能捕获组合键
- 无法响应系统功能键(如delete,backspace)
- 不区分小键盘和主键盘的数字字符
7.KeyPress主要用来接收字母、数字等ANSI字符
8.KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键,如功能键(F1-F12)、编辑键、定位键以及任何这些键和键盘换档键的组合等
在使用键盘的时候通常会用到 Ctrl+shift+alt 类似的组合键功能,通过 keyup 事件能够处理(说明一下这里不用keydown事件因为在判定keydown 的时候,ctrl、shift、和Alt属于一直按下状态然后再加一个键是不能准确捕获组合键,所以使用keydown 是不能准确判断的,要通过keyup事件来判定)
以上就是本次介绍的关于jquery 键盘事件函数的全部知识点内容,更多内容可以到相关栏目查找。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程