欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery簡(jiǎn)單獲取鍵盤(pán)事件的方法

 更新時(shí)間：2016年01月22日 11:11:30   作者：張映  
這篇文章主要介紹了jQuery簡(jiǎn)單獲取鍵盤(pán)事件的方法,涉及jQuery針對(duì)鍵盤(pán)事件的獲取與響應(yīng)技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery簡(jiǎn)單獲取鍵盤(pán)事件的方法。分享給大家供大家參考，具體如下：

一、我們什么時(shí)候要用到獲取鍵盤(pán)事件

做web的時(shí)候，為了更人性的設(shè)計(jì)，我們有的時(shí)候會(huì)用到鍵盤(pán)事件。例如：輸入框下拉提示框，通過(guò)鍵盤(pán)的上下鍵盤(pán)來(lái)選擇自己想要的內(nèi)容，google的輸入框的下拉提示。當(dāng)我們?yōu)g覽相冊(cè)的時(shí)候，我們可以能過(guò)鍵盤(pán)的左右鍵，來(lái)查看相片。當(dāng)我們?yōu)g覽長(zhǎng)篇小說(shuō)，用鼠標(biāo)滾動(dòng)很容易不知道看到哪一個(gè)行了，可以通鍵盤(pán)上下鍵來(lái)進(jìn)行翻頁(yè)，這些小細(xì)節(jié)也是非常重要的。做網(wǎng)站很大程度在于細(xì)節(jié)的處理。

二、jquery的鍵盤(pán)事情函數(shù)種類

1. keydown事件是在鍵盤(pán)按下時(shí)觸發(fā)的事件
2. keyup事件是在按下鍵彈起時(shí)觸發(fā)的事件
3. keypress事件是在鍵盤(pán)按下時(shí)觸發(fā)的事件

keypress和keydown在功能差不多，但是在獲取事件的內(nèi)容上有所不同。

二、舉例說(shuō)明

<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>

三、試驗(yàn)結(jié)果

1. 在上面的輸入框中，輸入一個(gè)字母r時(shí)，第一次會(huì)彈出keydown，以后都會(huì)提示keypress
2. 當(dāng)我們按下pg dn銉時(shí),會(huì)先彈出keyup然后在彈出keydown
3. 當(dāng)我們按下shift＋c時(shí)，只會(huì)彈出keypress
4. 當(dāng)我們按下ctrl＋alt時(shí)，就不會(huì)出現(xiàn)keypress，第一次會(huì)出現(xiàn)二個(gè)keydown，第二次按的時(shí)候，先出現(xiàn)keyup，然后在出現(xiàn)keydown

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

四、獲得鍵盤(pán)事件對(duì)應(yīng)的ASCII值

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

更多關(guān)于jQuery事件操作相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery常見(jiàn)事件用法與技巧總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論