jQuery简单获取键盘事件的方法

时间：2021-05-26

本文实例讲述了jQuery简单获取键盘事件的方法。分享给大家供大家参考，具体如下：

一、我们什么时候要用到获取键盘事件

做web的时候，为了更人性的设计，我们有的时候会用到键盘事件。例如：输入框下拉提示框，通过键盘的上下键盘来选择自己想要的内容，google的输入框的下拉提示。当我们浏览相册的时候，我们可以能过键盘的左右键，来查看相片。当我们浏览长篇小说，用鼠标滚动很容易不知道看到哪一个行了，可以通键盘上下键来进行翻页，这些小细节也是非常重要的。做网站很大程度在于细节的处理。

二、jquery的键盘事情函数种类

1. keydown事件是在键盘按下时触发的事件
2. keyup事件是在按下键弹起时触发的事件
3. keypress事件是在键盘按下时触发的事件

keypress和keydown在功能差不多，但是在获取事件的内容上有所不同。

二、举例说明

<html xmlns="http://plete="off"></body></html><script type="text/javascript"> $('#search_input') .keypress(function(event){ alert("keypress"); }) .keydown(function(event){ alert("keydown"); }) .keyup(function(event){ alert("keyup"); });</script>

三、试验结果

1. 在上面的输入框中，输入一个字母r时，第一次会弹出keydown，以后都会提示keypress
2. 当我们按下pg dn銉时,会先弹出keyup然后在弹出keydown
3. 当我们按下shift＋c时，只会弹出keypress
4. 当我们按下ctrl＋alt时，就不会出现keypress，第一次会出现二个keydown，第二次按的时候，先出现keyup，然后在出现keydown

可能性有很多，我们只要试一试常用的銉就可以了。

四、获得键盘事件对应的ASCII值

<script type="text/javascript"> $('#search_input') .keydown(function(event){ alert(event.keyCode); })</script>

更多关于jQuery事件操作相关内容感兴趣的读者可查看本站专题：《jQuery常见事件用法与技巧总结》

希望本文所述对大家jQuery程序设计有所帮助。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章