发布于 2016-11-22 13:28:12 | 138 次阅读 | 评论: 0 | 来源: 网友投递
jQuery javascript框架
jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。
本文实例讲述了jQuery简单获取键盘事件的方法。分享给大家供大家参考，具体如下：
一、我们什么时候要用到获取键盘事件
做web的时候，为了更人性的设计，我们有的时候会用到键盘事件。例如：输入框下拉提示框，通过键盘的上下键盘来选择自己想要的内容，google的输入框的下拉提示。当我们浏览相册的时候，我们可以能过键盘的左右键，来查看相片。当我们浏览长篇小说，用鼠标滚动很容易不知道看到哪一个行了，可以通键盘上下键来进行翻页，这些小细节也是非常重要的。做网站很大程度在于细节的处理。
二、jquery的键盘事情函数种类
1. keydown事件是在键盘按下时触发的事件
2. keyup事件是在按下键弹起时触发的事件
3. keypress事件是在键盘按下时触发的事件
keypress和keydown在功能差不多，但是在获取事件的内容上有所不同。
二、举例说明
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr" lang="utf-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.3.2.js" type="text/javascript"></script>
</head>
<body>
<input value="fi" name="search" id="search_input" maxlength="50" autocomplete="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程序设计有所帮助。