澳门新葡萄京官网首页jQuery简单获取键盘事件的方法

本文实例叙述了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

  1. 当我们按下pg dn銉时,会先弹出keyup然后在弹出keydown
  2. 当我们按下shift+c时,只会弹出keypress
    4.
    当我们按下ctrl+alt时,就不会并发keypress,第3回会并发二个keydown,第二次按的时候,先现身keyup,然后在现身keydown

或许有不菲,大家即使试后生可畏试常用的銉就能够了。

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

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注